@charset "UTF-8";

/********************************
 @Authors huwei
 @Date    2018-06-21 
 @Version $1.0$
 *********************************
*/

/* ================================================================== EleTree =========================================================================== */
.layui-layout .eleTree-node-content:hover,.layui-layout .eleTree-node-content.eleTree-node-content-active {
	background:#eef1fc;
	
}

.layui-nav-treebox .eleTree-node-content {
	overflow: initial;
}

/* ================================================================== End EleTree ======================================================================= */
/* ==================================================================  htComments ======================================================================= */
body .htComments .htCommentTextArea {
	resize: none;
}
body .htComments::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
/* ================================================================== End htComments ==================================================================== */
/* ==================================================================  iziToast-wrapper ================================================================= */
.iziToast-wrapper {
	z-index: 19899999 !important;
}
/* ================================================================== End iziToast-wrapper ============================================================== */
/* ================================================================== Side-tree ========================================================================= */
.layui-side {
	width: 0; 
}

.show-layui-navbar .layui-side {
	width: 200px;
}

.layui-nav-treebody {
	position: relative;
	height: 100%;
	background-color: #fff;
}

.layui-nav-treebar {
	position: relative;
	z-index: 9;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 -1px 1px #eee;
}

.layui-nav-treebar-item {
	display: table-cell;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.layui-nav-treebar-item:hover {
	background-color: rgb(246, 246, 246);
}

.layui-nav-searchbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1;
}

.layui-nav-searchbox .layui-input {
	height: 100%;
}

.layui-nav-search-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	line-height: 36px;
	text-align: center;
	z-index: 2;
	color: #666;
}

.layui-nav-treebox {
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	bottom: 0;
}

.layui-mylayui1-tree {
	position: absolute;
	min-width: 100%;
	width: auto;
}
.layui-mylayui1-tree h3.eleTree-noText {
	font-size: 12px;
}
.layui-more-side:hover .layui-nav-child {
	display: block;
}
/* ================================================================== End Side-tree ===================================================================== */
/* ================================================================== Navbar Collapse =================================================================== */
.layui-navbar-collapse {
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 50px;
	z-index: 1000;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.layui-navbar-collapse:hover .navbar-collapse {
	left: 0
}

.layui-navbar-collapse:hover .navbar-collapse-bg {
	border-bottom: 8px solid transparent;
	border-left: 20px solid #D9DEE4;
	border-top: 8px solid transparent
}

.layui-navbar-collapse .navbar-collapse-inner {
	top: -50%;
	position: relative;
	overflow: hidden
}

.layui-navbar-collapse .navbar-collapse {
	height: 50px;
	position: relative;
	left: -7px;
	text-align: center;
	cursor: pointer;
	-o-transition: all 0.1s ease, 0.1s ease;
	-ms-transition: all 0.1s ease, 0.1s ease;
	-moz-transition: all 0.1s ease, 0.1s ease;
	-webkit-transition: all 0.1s ease, 0.1s ease
}

.layui-navbar-collapse .navbar-collapse>span {
	font-size: 15px;
	line-height: 50px;
	vertical-align: text-top
}

.layui-navbar-collapse .navbar-collapse-bg {
	width: 0;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 9px solid transparent;
	border-left: 13px solid #D9DEE4;
	border-top: 9px solid transparent;
	-o-transition: all 0.1s ease, 0.1s ease;
	-ms-transition: all 0.1s ease, 0.1s ease;
	-moz-transition: all 0.1s ease, 0.1s ease;
	-webkit-transition: all 0.1s ease, 0.1s ease
}

.layui-navbar-collapse .icon-collapse-left {
	display: none
}

.layui-navbar-collapse .icon-collapse-right {
	display: inline
}

.show-layui-navbar .layui-navbar-collapse {
	dispaly: none;
	left: 180px
}

.show-layui-navbar .layui-navbar-collapse .navbar-collapse {
	right: -7px;
	left: auto
}

.show-layui-navbar .layui-navbar-collapse .navbar-collapse>span {
	color: #546478
}

.show-layui-navbar .layui-navbar-collapse .navbar-collapse-bg {
	right: 0;
	left: auto;
	border-bottom: 9px solid transparent;
	border-left: none;
	border-right: 13px solid #f7f7f7;
	border-top: 9px solid transparent
}

.show-layui-navbar .layui-navbar-collapse .icon-collapse-left {
	display: inline
}

.show-layui-navbar .layui-navbar-collapse .icon-collapse-right {
	display: none
}

.show-layui-navbar .layui-navbar-collapse:hover .navbar-collapse {
	right: 0;
	left: auto
}

.show-layui-navbar .layui-navbar-collapse:hover .navbar-collapse-bg {
	border-bottom: 8px solid transparent;
	border-left: none;
	border-right: 20px solid #f7f7f7;
	border-top: 8px solid transparent
}

/* ================================================================== End Navbar Collapse =============================================================== */
/* ================================================================== Layui-hearder ===================================================================== */
.layui-nav-box-center {
	position: absolute;
	top: 0;
	left: 350px;
	right: 235px;
}
.admin-tabs-nav-control {
	position: absolute;
	left: 320px;
	width: 30px;
	height: 50px;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.admin-tabs-nav-control.layui-icon-next {
	left: auto;
	right: 205px;
}
.layui-layout-center {
	position: relative;
	height: 50px;
	line-height: 40px;
	padding: 0;
	right: 0;
	z-index: 999;
	border: none;
	overflow: hidden;
	white-space: nowrap;
}
.layui-header .layui-layout-center li {
	-webkit-transition: all .2s;
	vertical-align: top;
}
/* ================================================================== End Layui-hearder ================================================================= */
/* ================================================================== Layui-side ======================================================================== */
.layui-side {
	transition: all .3s;
	-webkit-transition: all .3s;
}

/* ================================================================== End Layui-side ==================================================================== */
/* ================================================================== Layui-body ======================================================================== */
.layui-body {
	left: 0;
}

.show-layui-navbar .layui-body {
	left: 200px;
}

.layui-body .layui-form-item-sm:last-child {
	margin: 0;
}

.layui-col-xs3.layui-form-item-sm {
	margin: 0;
}

.layui-form-text {
	padding: 9px 0;
	line-height: 20px;
	margin-right: 10px;
}
.layui-layout-body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	width: auto;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
/* ================================================================== End Layui-body ==================================================================== */
/* ================================================================== Layui-table ======================================================================= */
.layui-table-view {
	overflow: hidden;
}

.layui-table {
	/* width: 100% !important */
}

/* ================================================================== End Layui-table =================================================================== */
/* ================================================================== End Layui-body ==================================================================== */
/* ================================================================== Layui-tab ======================================================================= */
.layui-tab.layui-tab-darkcolor .layui-tab-title li {
	margin-right: 10px;
	color: #488fb7;
	background-color: #1d3555;
}
.layui-tab.layui-tab-darkcolor .layui-tab-title li.layui-this {
	color: #77cdff;
	background-color: #2d5c23;
}
.layui-tab.layui-tab-notborder .layui-tab-title, .layui-tab.layui-tab-notborder .layui-tab-title .layui-this:after {
	border-color: transparent;
}
.layui-tab.layui-tab-notborder .layui-tab-title li {
	padding: 0 20px;
	font-size: 16px;
	color: #809492;
}
.layui-tab.layui-tab-notborder .layui-tab-title li.layui-this {
	color: #00F4DF;
}
.layui-tab.layui-tab-bluebtns .layui-tab-title {
	border-bottom: none;
	text-align: right;
}
.layui-tab.layui-tab-bluebtns .layui-tab-title li {
	padding: 0 18px;
	font-size: 12px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #000;
}
.layui-tab.layui-tab-bluebtns .layui-tab-title li.layui-this {
	color: #fff;
    border-color: #00A9FF;
    background: linear-gradient(0deg, #0172FF, #00A9FF);
}
.layui-tab.layui-tab-bluebtns .layui-tab-title li:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-left: 1px solid #ccc;
}
.layui-tab.layui-tab-bluebtns .layui-tab-title li:last-child {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.layui-tab.layui-tab-bluebtns .layui-tab-title li.layui-this::after {
	height: 30px;
	border:none;
}
/* ================================================================== End Layui-tab =================================================================== */
/* ================================================================== Layui-dropdown ======================================================================= */
body .layui-dropdown {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
}

/* ================================================================== End Layui-dropdown =================================================================== */
/* ==================================================================  NEW search =================================================================== */
.resultsListBox {
	position: absolute;
	top: 46px;
	left: 12px;
	right: 12px;
	z-index: 1;
}
.resultsListCard {
	width: 100%;
	min-height: 240px;
	max-height: 440px;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0 4px 8px 0 rgba(199,214,237,.35);
	overflow: hidden;
	overflow-y: auto;
}
.resultsEmpty {
	display: none;
	padding: 60px 54px 0 54px;
	text-align: center;
}
.resultsListBox.isEmptyState .resultsEmpty {
	display: block;
}
.resultsListBox.isEmptyState .resultsList {
	display: none;
}
.resultsEmpty-txt {
	padding-top: 14px;
	color: #333;
	line-height: 28px;
}
.resultsList .list-inline-item, .resultsList .list-inline-title {
	padding: 0 20px;
	line-height: 30px;
}
.resultsList .list-inline-title {
	color: #000;
	line-height: 35px;
}
.resultsList .list-inline-item:hover {
	background-color: #F1F4F8;
}
.resultsList .list-inline-item .iconbox,
.resultsList .list-inline-item .itembox {
	display: inline-block;
	vertical-align: middle;
}
.resultsList .list-inline-item .iconbox {
	width: 28px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.resultsList .list-inline-item .itembox {
	width: calc(100% - 28px);
}
.resultsList .list-inline-item .itembox a.list-item-link {
	padding: 0;
	display: inline-block;
	width: 100%;
	color: #565C66;
	vertical-align: middle;
}
.resultsList .list-inline-item .iconbox.iconimg6 {
	background-image: url(../images/portal/dp_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg1 {
	background-image: url(../images/portal/jsc_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg3 {
	background-image: url(../images/portal/lj_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg7 {
	background-image: url(../images/portal/ydd_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg8 {
	background-image: url(../images/portal/kj_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg4 {
	background-image: url(../images/portal/baobiao_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg5 {
	background-image: url(../images/portal/baobiaozu_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg9 {
	background-image: url(../images/portal/duowei_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg10 {
	background-image: url(../images/portal/jianyi_menu.png);
}
.resultsList .list-inline-item .iconbox.iconimg11 {
	background-image: url(../images/portal/ml.png);
}
.resultsList .list-inline-item .iconbox.iconimg12, .resultsList .list-inline-item .iconbox.iconimg2 {
	background-image: url(../images/portal/wh.png);
}
/* ================================================================== End NEW search =================================================================== */
/* ================================================================== DataSource   ====================================================================== */
.dsPage .layui-btn-container {
	position: absolute;
	top: 5px;
	right: 5px;
}

.dsPage .text-align-r {
	text-align: right;
}

/* ================================================================== DataSource End  =================================================================== */
/* ==================================================================  User ============================================================================= */
.layui-right-float {
	position: absolute;
	right: 15px;
	top: 0;
}

.box-userinfo .layui-right-float {
	right: 30px;
	top: 21px;
	z-index: 1;
}

.box-userinfo .layui-form {
	height: 100%;
}

.layui-right-float .layui-input-inline {
	margin: 0;
}

.layui-height-full {
	height: 100%;
}

.layui-height-full-20 {
	height: calc(100% - 20px);
}

.layui-height-full-30 {
	height: calc(100% - 30px);
}

.layui-height-full-50 {
	height: calc(100% - 50px);
}

.layui-height-full-62 {
	height: calc(100% - 62px);
}

.layui-height-full-91 {
	height: calc(100% - 91px);
}
.layui-height-full-120 {
	height: calc(100% - 120px);
}
.layui-height-full-150 {
	height: calc(100% - 150px);
}

.layui-height-full-160 {
	height: calc(100% - 160px);
}

.layui-height-full-180 {
	height: calc(100% - 180px);
}
.layui-height-full-203 {
	height: calc(100% - 203px);
}
.roleManage-page .layui-height-full-203 {
	height: calc(100% - 243px);
}
.roleManage-page .layui-height-full-30.layui-tab-content {
	padding: 0;
}
.list-box {
	position: absolute;
	top: 30px;
	left: 5px;
	right: 5px;
	bottom: 0;
	border: 1px solid #ccc;
}
.user-fallinto-box {
	margin: 0 -12px;
	padding-bottom: 10px;
	box-sizing: border-box;
}
.user-fallinto-left , .user-fallinto-right {
	position: relative;
	display: inline-block;
}
.user-fallinto-left {
	width: 550px;
}
.user-fallinto-left .layui-input {
	border-radius: 15px;
	background-color: #FAFAFA;
	border-color: #E4E4E4;
}
.user-fallinto-left .eleTree-node-content-diydom.icon-beizhu {
	display: none;
}
.user-fallinto-left .eleTree-node-content:hover .eleTree-node-content-diydom.icon-beizhu {
	display: block;
}
.user-fallinto-right {
	width: 280px;
}
.user-fallinto-box .list-title-content {
	padding-left: 15px;
	font-size: 14px;
}
.user-fallinto-box .list-all-btn {
	position: absolute;
	right: 11px;
	top: 4px;
	cursor: pointer;
}
.user-fallinto-box .search-box {
	padding: 10px 15px;
}
.authorized-item {
	position: relative;
	padding: 5px 15px;
	cursor: pointer;
}
.authorized-item .close-btn {
	display: none;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	cursor: pointer;
}

.authorized-item:hover,
.authorized-item.active {
	background-color: #eef1fc;
}

.authorized-item:hover .close-btn,
.authorized-item.active .close-btn {
	display: inline-block;
}

.tree-box {
	position: absolute;
	top: 50px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	overflow: auto;
}
.users-list-box {
	position: absolute;
	top: 10px;
	left: 5px;
	right: 5px;
	bottom: 0;
	width: 280px;
}
.users-list-box-border {
	height: calc(100% - 30px);
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.users-list-title {
	padding: 0 10px;
	font-size: 14px;
	line-height: 30px;
}
.search-box {
	position: relative;
}
.users-item-list-sreach {
	margin: 10px;
	padding: 2px 8px 2px 10px;
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: #fafafa;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}
.search-box .search-btn {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.users-item-list-all-btn {
	position: absolute;
	right: 8px;
	top: 4px;
	cursor: pointer;
}
.users-item-list-box {
	position: absolute;
	top: 80px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	overflow: hidden;
}
.users-item-list-scroll {
	position: relative;
	width: 260px;
	height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	overflow-x: hidden;
}
.users-item-list {
	width: 260px;
}
.users-item {
	position: relative;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
}
.users-item .icon-user {
	margin-right: 5px;
	color: #FF9C2E;
}
.users-item .close-btn {
	display: none;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	font-size: 14px;
	color: #F44444;
	line-height: 14px;
	cursor: pointer;
}

.users-item:hover,
.users-item.active {
	background-color: #eef1fc;
}

.users-item:hover .close-btn,
.users-item.active .close-btn {
	display: inline-block;
}
.add-dict-btn {
	width: 26px;
	height: 26px;
	background: #eee;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
}
.add-dict-btn .iconfont {
	margin-right: 0;
}
/* ================================================================== End User ========================================================================== */
/* ==================================================================  Role ============================================================================= */
.authorized-tab-pane {
	display: none;
}
.authority .layui-table-view {
	margin: 0;
}
.roleManage-page .layui-side {
	top: 30px;
}
.roleManage-page .layui-tab.layui-tab-brief {
	margin: 0;
	height: 100%;
}
.roleManage-page .layui-tab.layui-tab-brief > .layui-tab-title {
	height: 30px;
	width: 0;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.show-layui-navbar.roleManage-page .layui-tab.layui-tab-brief > .layui-tab-title {
	width: 200px;
}
.roleManage-page .layui-tab.layui-tab-brief > .layui-tab-title li:first-child {
	margin-left: 4px;
}
.roleManage-page .layui-tab.layui-tab-brief > .layui-tab-title li {
	width: 94px;
	font-size: 13px;
	line-height: 30px;
	box-sizing: border-box;
}
.roleManage-page .layui-tab.layui-tab-brief > .layui-tab-title li:after {
	height: 29px;
}
.roleManage-page .authorized-tab-pane.list-box {
	border: none;
}
.roleManage-page .list-box {
	top: 15px;
}
.roleManage-page .authorized-tab-pane .search-box {
	padding: 0 15px;
	border: none;
}
.roleManage-page .search-box .layui-input {
	border-radius: 15px;
	background-color: #FAFAFA;
	border-color: #E4E4E4;
}
.roleManage-page .config-left-box, .roleManage-page .menu-right-box {
	border: 1px solid #eee;
}
.roleManage-page .config-left-box {
	position: relative;
	width: 50%;
}
.roleManage-page .layui-nav-treebody>.layui-nav-treebox {
	top: 38px;
}
.roleManage-page .menu-right-box {
	position: absolute;
	right: 0;
	width: calc(50% - 20px);
}
#formtab,#analyzetab{
	border: none;
	padding: 0px
}
#formtab .authority,#analyzetab .authority{
	margin-top: 0px !important
}
@media screen and (min-device-width:1366px) {
	.roleManage-page .IndexDirectory{
		position: relative;
		text-align: left;
		height: 40px;
		line-height: 40px;
		color: #333;
		font-size: 14px;
		font-weight: bolder;
		padding-left: 40px;
	}
	.roleManage-page .IndexDirectory::before {
		content: "";
		background: url(../images/icon.png) no-repeat center center;
		height: 15px;
		width: 15px;
		font-weight: bold;
		background-size: 100%;
		display: inline-block;
		position: absolute;
		top: 12px;
		left: 20px;
	}
	
}
@media screen and (max-width:1365px) {
	.roleManage-page .IndexDirectory{
		position: relative;
		text-align: left;
		height: 32px;
		line-height: 32px;
		color: #333;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
		font-weight: bolder;
		padding-left: 40px;
	}
	.roleManage-page .IndexDirectory::before {
		content: "";
		background: url(../images/icon.png) no-repeat center center;
		height: 12px;
		width: 12px;
		font-weight: bold;
		background-size: 100%;
		display: inline-block;
		position: absolute;
		top: 10px;
		left: 24px;
	}

	.roleManage-page .layui-nav-treebody>.layui-nav-treebox {
		top: 30px;
	}
	.authority{
		margin-top: 0px !important;
		height: 100% !important;
	}
	#formtab .layui-card-header,#analyzetab .layui-card-header{
		height: 28px;
		line-height: 28px
	}
	.layui-tab-content{
		height: calc(100% - 41px)
	}
	.layui-form.layui-border-box.layui-table-view{
		min-height: 250px !important
	}
	.roleManage-page .layui-form.layui-border-box.layui-table-view .layui-table-body{
		min-height: 210px !important
	}
}
/* ================================================================== End Role ========================================================================== */
/* ==================================================================  Dict ============================================================================= */
.archivesInfo-box {
	height: calc(100% - 98px);
	border-top: 1px solid #ccc;
}
.archivesInfo-box .archivesInfo-left-box, .archivesInfo-box .archivesInfo-right-box {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	box-sizing: border-box;
}
.archivesInfo-box .archivesInfo-left-box {
	width: 450px;
}
.archivesInfo-box .archivesInfo-right-box {
	margin-left: 15px;
	width: calc(100% - 465px);
}
.archivesInfo-box .archivesInfo-box-title {
	padding: 10px 10px 5px 10px;
	color: #656565;
	line-height: 28px;
}
.archivesInfo-box .archivesInfo-box-content {
	position: relative;
	padding: 10px;
	height: calc(100% - 36px);
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.archivesInfo-box .layui-table[lay-size=sm] td {
	padding: 0;
}
.archivesInfo-box .layui-table[lay-size=sm] td .layui-input {
	border: none;
}
.archivesInfo-box .layui-table[lay-skin=nob] tr {
	border-bottom: 1px solid #e6e6e6;
}
.archivesInfo-box .layui-table {
	margin: 0;
}
.archivesInfo-box .digit-item .layui-icon {
	position: absolute;
	right: 10px;
}
.archivesInfo-box .attributeTablebox {
	height: calc(100% - 42px);
}
.archivesInfo-box .tierTablebox {
	height: calc(100% - 48px);
}
.archivesInfo-box .layui-table-view {
	margin: 0;
	border-width: 0 0 1px 0;
}
.archivesInfo-box .layui-table-view .layui-table td, .archivesInfo-box .layui-table-view .layui-table th {
	padding: 0;
}
.archivesInfo-box .layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
	height: 30px;
	line-height: 30px;
}
.layui-table-view .layui-form-select {
	height:100%;
}
.archivesInfo-box .showTree {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	overflow: auto;
}
/* ================================================================== End Dict ========================================================================== */

/* =============================reportingSituationList  reportFormDataQueryList  reportFormDataStatisticsQuery reportFormDataSummaryQuery =============== */
.querybox .layui-form-radio {
	line-height: 28px;
	margin: 0px 5px 0;
	padding-right: 5px;
	cursor: pointer;
	font-size: 0;
}

.querybox .d-table-cell {
	vertical-align: top;
}

.querybox .left-box {
	padding-right: 15px;
	width: 175px;
}

.querybox .left-box-items,
.querybox .right-box {
	border: 1px solid #ccc;
}

.querybox .left-box-items,
.querybox .right-box-items {
	position: relative;
	padding: 10px;
	height:484px;
}

.querybox .right-box-items {
	padding-left: 0;
}

.querybox .condition-item {
	padding: 2px 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.querybox .condition-item.active {
	background-color: #eef1fc;
}

.querybox .condition-item-btn {
	display: inline-block;
	cursor: pointer;
}

.querybox .layui-form-label {
	padding: 2px 15px;
}

.querybox .layui-input {
	height: 24px;
}

.requestResultTable-box {
	padding: 0 10px;
}

.querybox .layui-form-select dl {
	top: 24px;
}

.custom-fields-box {
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 15px;
	left: 0;
	background: #fff;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.custom-fields-body {
	height: 100%;
}
.box-roleinfo .layui-card-header {
    border-bottom: 5px solid #f7f7f7;
}
.box-roleinfo .layui-card-content .layui-card-header {
    border-bottom: 0;
}
.box-roleinfo .layui-card-body.layui-row {
    padding: 0;
    margin: 0 -5px;
}
.isShowversion {
    margin-left: 15px;
}
.nomargin .layui-table-view, .nomargin .ew-tree-table {
    margin: 0 !important;
}
.echarts-box {
    border-left: 5px solid #f7f7f7;
}
.echarts-box > div {
    height: 146px;
}
.headfont {
    padding: 12px 15px 10px 20px;
    font-size: 14px;
    color: #666;
}
.reportNum-box {
    color: #666;
    font-size: 14px;
}
.reportNum-box .layui-col-md4 {
    padding: 0 30px;
    height: 80px;
    border-left: 1px solid #b39999;
}
.reportNum-box .reportMaxNum-box {
    padding: 0;
    border-left: none;
    text-align: center;
}
.reportNum-box .reportMaxNum {
    padding-bottom: 10px;
    font-size: 36px;
    line-height: 40px;
    color: #548FE7;
}
.reportNum-box .layui-inline {
    margin-left: 30px;
    line-height: 42px;
}
.reportNum-box .reportNum {
    font-size: 26px;
    color: #4785e6;
}
.reportNum-box .notReportedNum {
    color: #FF8B35;
}
.reportNum-box .requlseNum {
    color: #FC2B2B;
}

/* ========================End reportingSituationList  reportFormDataQueryList  reportFormDataStatisticsQuery reportFormDataSummaryQuery================= */

/* ===============================================================  Every PageCount  ==================================================================== */
.layui-card-body .pageCount, .layui-card-body .pageCount1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 25px;
	bottom: 5px;
}

/* ============================================================ End Every PageCount  ==================================================================== */
/* ============================================================ Model Manage  =========================================================================== */
.layui-nav-treebody-datasource {
	height: 35%;
}

.layui-nav-treebody-table {
	height: 65%;
}

.modelManage-page.show-layui-navbar .layui-side {
	top: 51px;
	width: 240px;
	box-shadow: 0 0 2px 0px #e5e5e5;
}

.modelManage-page.show-layui-navbar .layui-body {
	left: 240px;
	background-color: #fbfbfb;
}

.modelManage-page.show-layui-navbar .layui-navbar-collapse {
	left: 220px;
}

.modelManage-page .layui-nav-treebox {
	top: 38px;
}

.modelManage-page .layui-nav-treebar-item.btn-search {
	width: 35px;
}

.modelManage-page .layui-nav-treebar-item:first-child {
	text-align: left;
}

.modelManage-page .layui-nav-treebar-item:first-child span {
	padding-left: 10px;
	font-weight: bold;
	color: #333;
	border-left: 5px solid #4785e6;
}

.modelManage-page .layui-nav-treebar-item:first-child:hover {
	background-color: transparent;
}

.modelManage-page .layui-mylayui1-tree .pr-25 {
	padding-right: 40px;
}

.modelManage-page .layui-mylayui1-tree .eleTree-node-content-diydom, .designer-body #LAY-table-tree .eleTree-node-content-diydom {
	right: 0px;
	font-size: 16px;
	vertical-align: middle;
}

.modelManage-page .ctxMenu,
.modelManage-page .ctxMenu-sub {
	padding: 0;
}

.table-box {
	padding: 0 10px;
	height: 100%;
	overflow: hidden;
	/* margin-top: 50px; */
	overflow: hidden;
}

.layui-model-title-body {
	padding: 10px 0;
	background-color: #fff;
}

.layui-model-title-body .layui-form-item-sm {
	margin-bottom: 0;
}

.layui-model-title-body .layui-right-float {
	top: 10px;
}

.layui-model-body {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
}

.layui-model-designer-body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.model-designer-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.sqlbox {
	display: none;
}

.layui-model-designer-body.sql-mode .canvas-box {
	display: none;
}

.layui-model-designer-body.sql-mode .sqlbox {
	display: block;
}
#layui-query-model {
	padding: 10px 15px;
	height: 100%;
	box-sizing: border-box;
}
.model-dimension-body {
	padding-top: 10px;
	height: calc(100% - 40px);
	transition: all .3s;
	-webkit-transition: all .3s;
}
.model-dimension-body .layui-table,
.model-dimension-body .layui-table-view,
.model-list-body .layui-table,
.model-list-body .layui-table-view{
	margin: 0;
}
#layui-query-model-list {
	padding: 10px;
}
.model-list-operatebar {
	padding-bottom: 10px;
}
.model-list-operatebar .layui-btn {
	height: 26px;
	line-height: 26px;
}
.model-list-operatebar .layui-input {
	height: 28px;
	width: 60px;
}
.model-list-operatebar .export-model-btn {
	top: 10px;
	right: 10px;
}
.model-list-operatebar .export-model-btn .iconfont {
	font-size: 12px !important;
}
.model-list-body {
	height: calc(100% - 40px);
}
.leftJoin {
	background: url(../images/leftJoin.png) no-repeat;
	background-size: auto 100%;
}

.leftJoin,
.rightJoin {
	width: 52px;
	height: 34px
}

.rightJoin {
	background: url(../images/rightJoin.png) no-repeat;
	background-size: auto 100%;
	margin-left: 3px
}

.fullJoin {
	background: url(../images/fullJoin.png) no-repeat;
	background-size: auto 100%;
}

.fullJoin,
.innerJoin {
	width: 52px;
	height: 34px
}

.innerJoin {
	background: url(../images/innerJoin.png) no-repeat;
	background-size: auto 100%;
	margin-left: 3px
}

.jointype {
	background: url(../images/innerJoin.png) no-repeat;
	background-size: auto 100%;
	width: 40px;
	height: 24px
}

.leftJoin-small {
	background: url(../images/leftJoin.png) no-repeat;
	background-size: auto 100%;
	width: 40px;
	height: 24px
}

.fullJoin-small {
	background: url(../images/fullJoin.png) no-repeat;
	background-size: auto 100%;
	width: 40px;
	height: 24px
}

.innerJoin-small {
	background: url(../images/innerJoin.png) no-repeat;
	background-size: auto 100%;
	width: 40px;
	height: 24px
}

.rightJoin-small {
	background: url(../images/rightJoin.png) no-repeat;
	background-size: auto 100%;
	width: 40px;
	height: 24px
}

.unjoin {
	font-size: 20px;
	margin-top: 1px;
	color: #bf6f6f
}

.jtk-overlay {
	cursor: pointer
}

.wrenchModel_table {
	position: absolute;
	z-index: 0;
}

.wrenchModel_table .model-table-title {
	position: relative;
	padding: 10px 60px 10px 25px;
	width: 175px;
	cursor: move;
	background-color: #ebebeb;
	transition: background-color .25s ease-in;
	z-index: 2;
}

.wrenchModel_table .model-table-title:hover {
	background-color: #4785e6;
	color: #fff
}

.aLabel {
	transition: background-color .25s ease-in
}

.aLabel.jtk-hover .model-table-title,
.jtk-source-hover .model-table-title,
.jtk-target-hover .model-table-title {
	background-color: #4785e6;
	color: #fff
}

.aLabel {
	background-color: #fff;
	z-index: 999;
	padding: .3em;
	border-radius: .5em;
	border: 1px solid #346789;
	cursor: pointer
}

.linkleft {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #4785e6;
	cursor: pointer;
	transition: box-shadow .25s ease-in
}

.linkleft:hover {
	box-shadow: 0 0 6px #000
}

.linkright {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 100%;
	opacity: 0;
	background-color: #4785e6;
	box-shadow: 0 0 2px #000;
	cursor: pointer;
	transition: box-shadow .25s ease-in
}

.link-icon-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
	cursor: pointer;
	text-align: center;
	height: 24px;
	line-height: 24px;
}

.link-icon-btn.model-filter-btn {
	right: 30px;
}

.linkright:hover {
	opacity: 1;
	box-shadow: 0 0 6px #000
}

.tablelinkview__line {
	width: 100%;
	height: 1px;
	margin: 0 auto;
	padding: 0;
	background-color: #d5d5d5;
	overflow: hidden;
	position: relative
}

.joindialog-body {
	padding: 15px;
}

.jointypes-box {
	padding-bottom: 20px;
}

.jointypes-box .jointypes-btn {
	display: inline-block;
	width: 25%;
	text-align: center;
	outline: 0;
}

.jointypes-box .jointyps-btn-inner {
	padding: 15px;
	border-radius: 4px;
	-webkit-appearance: none;
	white-space: nowrap;
	cursor: pointer;
}

.jointypes-box .jointype-radio:checked+.jointyps-btn-inner {
	background-color: #ececec;
}

.jointypes-box .jointypes-btn-txt {
	padding-top: 15px;
}

.joinfields-box {
	height: 160px;
	overflow-y: auto;
}

.joinfields-box .joinfields-td {
	display: inline-block;
	vertical-align: middle;
}

.joinfields-box .joinfields-td.joinfields-input-box {
	position: relative;
	width: 210px;
}

.joinfields-box .joinfields-td.joinfields-input-box input {
	padding-right: 25px;
	height: 32px;
	text-overflow: ellipsis;
}

.joinfields-box .joinfields-td.joinfields-input-box .layui-dropdown-icon {
	position: absolute;
	right: 10px;
	top: 9px;
}

.joinfields-box .joinfields-td .iconfont {
	margin-right: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
}

.joinfields-box .joinfields-td:first-child {
	padding-left: 20px;
}

.joinfields-box .joinfields-item {
	padding-bottom: 10px;
}

.joinfields-dropdown.dropdown-menu {
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
	z-index: 19891099;
}

.joinfields-dropdown.dropdown-menu ul {
	display: inline-block;
	height: 210px;
	min-width: 160px;
	border-radius: 0;
	vertical-align: top;
	overflow-y: auto;
	box-shadow: none;
}

.joinfields-dropdown.dropdown-menu ul.right-menu {
	border-left: 1px solid #ddd;
}

.joinfields-dropdown.dropdown-menu ul.left-menu li:after {
	position: absolute;
	right: 10px;
	top: 9px;
	font-family: layui-icon !important;
	content: "\e602";
}

.joinfields-dropdown.dropdown-menu ul li {
	position: relative;
	padding: 8px 20px;
	border-bottom: 0;
}

.joinfields-dropdown.dropdown-menu ul li.layui-this,
.joinfields-dropdown.dropdown-menu ul li:hover {
	color: #4785E6;
}

.model-filter-box {
	padding: 15px 15px 0;
	overflow: hidden;
}

.model-filter-sett-box {
	position: relative;
	padding-bottom: 15px;
}

.model-filter-sett-box .sett-btn {
	position: absolute;
	right: 10px;
	top: 32px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}

.model-filter-sett-item {
	padding-right: 10px;
	display: inline-block;
}

.model-filter-sett-box .w100 {
	width: 100px;
}

.model-filter-sett-box .w190 {
	width: 190px;
}

.model-filter-sett-item .sett-title {
	padding: 0 10px 5px;
	height: 20px;
	font-size: 16px;
}

.model-filter-list-box {
	height: 294px;
}

.delete-filter-btn {
	width: 25px;
	text-align: center;
}

.model-table-list {
	position: relative;
	height: 180px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	overflow-y: auto;
}

.wrenchModel_table.model-table-mini .model-table-list {
	display: none;
}

.model-table-list li {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.model-table-list .model-table-field {
	padding: 6px 10px 6px 40px;
	width: 197px;
	font-size: 13px;
}

.model-table-list .model-table-invisible-btn {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 25px;
	text-align: center;
	cursor: pointer;
}
.modelList-box {
	width: calc(100% - 510px);
}
.modeltreeList-box {
	position: absolute;
	right: 15px;
	top: 10px;
	bottom: 65px;
	left: auto;
	width: 500px;
}
.model-dimension-body .layui-icon.icon-fold,
.model-dimension-body .layui-icon.icon-expand,
.model-dimension-body .layui-icon.icon-folder-close,
.model-dimension-body .layui-icon.icon-folder-open,
.model-dimension-body .layui-icon.icon-weidu-item,
.modeltreeList-box .layui-icon.icon-fold,
.modeltreeList-box .layui-icon.icon-expand,
.modeltreeList-box .layui-icon.icon-folder-close,
.modeltreeList-box .layui-icon.icon-folder-open,
.modeltreeList-box .layui-icon.icon-weidu-item,
.layui-layer .layui-icon.icon-weidu-item {
	margin-right: 4px;
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.layui-layer.layui-layer-tips .layui-table-tips-main p {
	display: inline-block;
}

.mdsql-box {
	height: 92%;
}

.sql-form {
	height: 100%;
}

.mdsql-box textarea {
	height: 100%;
	resize: none;
}

.layui-table-view .layui-table tr.treegrid-row-append td {
	color: #4785E6;
}

.layui-table-view .layui-table tr.treegrid-row-top::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	content: '';
	background-color: #4785E6;
}

.layui-table-view .layui-table tr.treegrid-row-bottom::after {
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0;
	height: 1px;
	content: '';
	background-color: #4785E6;
}

/* ============================================================ End Model Manage  ======================================================================= */
/* ============================================================  Visual Manage  ========================================================================= */
.visualManage-page .layui-side,
.visualManage-page .layui-body {
	top: 80px;
	overflow: hidden;
}

.visualManage-page.show-layui-navbar .layui-side {
	width: 220px;
}

.visualManage-page.show-layui-navbar .layui-body {
	left: 220px;
}

.visualManage-page.show-layui-navbar .layui-navbar-collapse {
	left: 200px;
}

.visualManage-page .layui-header {
	height: 80px;
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.visualManage-page .layui-btnbox {
	top: 50%;
	margin-top: -15px;
	right: 15px;
}

.visualManage-page .layui-side {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.visualManage-page .visual-body {
	overflow: hidden;
	transition: all .5s ease 0s;
}
.visualManage-page .visual-body.visual-body-mobile,
.reportview-page .visual-body.visual-body-mobile {
	margin: 0 auto;
	margin-top: 5px;
	height: 735px;
	padding: 102px 25px 159px 23px;
	width: 414px;
	background: url(../images/visual/bgiphone2.png) no-repeat;
	transition: all .3s ease 0s;
}
.visualManage-page .db-page,
.visualManage-page .page-layout,
.visualManage-page .visual-body,
.visualManage-page .page_scrollbar,
.designerManage-page .page_scrollbar,
.visualManage-page .pageContainer,
.reportview-page .db-page,
.reportview-page .page-layout,
.reportview-page .visual-body,
.reportview-page .page_scrollbar,
.reportview-page .pageContainer {
	height: 100%;
	width: 100%;
}
.reportview-page .page-layout {
	box-sizing: content-box;
}
.visualManage-page .page_scrollbar, .reportview-page .page_scrollbar, .designerManage-page .page_scrollbar {
	position: relative;
}
.bigborders{
	border-image-slice: 3 fill;
    border-width: 7px 7px 7px 7px;
    border-style: solid;
    width:96%;
    height: 95%;
}
.dealerimg{
	border-image-source: url(../images/visual/boder1.png);
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-weight: normal;
    align-items: center;
    cursor: pointer;
    border-image-slice: 10 10 10 10 fill;
    border-width: 7px 7px 7px 7px;
    border-style: solid;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
	margin-right: 5px;
	font-family: "Microsoft Yahei";
}
.dealerimgs{
	border-image-source: url(../images/visual/boder1.png);
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-weight: normal;
    align-items: center;
    cursor: pointer;
    border-image-slice: 10 10 10 10 fill;
    border-width: 7px 7px 7px 7px;
    border-style: solid;
    display: inline-block;
    width: 56px;
    height: 26px;
    text-align: center;
    line-height: 26px;
	margin-right: 5px;
	font-family: "Microsoft Yahei";
}
.visualManage-page .theme_white1,.reportview-page .theme_white1{
	background-repeat: no-repeat;
	/* background-size: 100% 100%; */
	
}
.visualManage-page .db-page.theme_white,
.reportview-page .db-page.theme_white {
	background-color: #e8ebed;
}

.ctxMenu-sub .ctxMenu-item.layui-this {
	background: #f2f2f2;
	color: #666
}

.layui-optionbar {
	padding: 10px;
	/* *********** */
	box-sizing: border-box;
	width: 84%
	/* *********** */
}

.layui-optionbar .layui-optionbar-ul {
	padding: 0px 10px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	letter-spacing: -4px;

	/* ************** */
	box-sizing: border-box;
    /* white-space: nowrap; */
	/* ************** */
}
@media screen and (max-width: 1598px){
	.layui-optionbar .layui-optionbar-li.optbar-sm-li {
		display: none;
	}
	.layui-optionbar .layui-optionbar-li.optbar-item-more {
		display: inline-block !important;
	}
	.optbar-item-more .design-div .drag-btn.optbar-sm-btn {
		display: inline-block;
	}
}
.design-div .drag-btn.optbar-sm-btn, .design-div .set-theme-btn.optbar-sm-btn {
	display: none;
}
.layui-optionbar .layui-optionbar-li {
	position: relative;
	padding: 0 10px;
	display: inline-block;
	height: 60px;
	border: 0;
	background-image: none;
	letter-spacing: 0;
}
.control-optbar .layui-optionbar-li{
	padding: 0
}

.layui-optionbar .layui-optionbar-li .optbar-content {
	border: 1px solid #eee;
	cursor: pointer;
}

.layui-optionbar .optbor-icon, .x-drag-mark .optbor-icon {
	height: 58px;
	width: 46px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/visual/biaozhunzhexian.png);
}

.layui-optionbar .control-optbar.layui-optionbar-ul {
	border-left: 1px solid #ddd;
}

.layui-optionbar .control-optbar .layui-optionbar-li .optbor-icon, .x-drag-mark .optbor-icon {
	height: 38px;
	background-position: center 5px;
}

.layui-optionbar .control-optbar .layui-optionbar-li .optbar-content {
	border-color: transparent;
}

.layui-optionbar .control-optbar .layui-optionbar-li:hover .optbar-content{
	border-color: #73a7f4;
}

.layui-optionbar .layui-optionbar-li .optbar-txt, .x-drag-mark .optbar-txt {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.layui-optionbar .layui-optionbar-li.ver-line {
	border-left: 1px dashed #afafaf;
}

.layui-optionbar .layui-optionbar-li:hover .optbar-content,
.layui-optionbar .layui-optionbar-li:active .optbar-content {
	border-color: #73a7f4;
	background-color: #e7f1ff;
}

.design-div {
	display: none;
	position: absolute;
	left: 50%;
	top: 55px;
	margin-left: -38px;
	padding-top: 15px;
	z-index: 1000;
	width:150px;
}

.layui-optionbar-li:hover .design-div {
	display: block;
}

.design-box {
	padding: 3px;
	min-width: 114px;
	background-color: #fff;
	letter-spacing: -4px;
	box-shadow: 0 0 7px #c7c7c7;
}

.design-box .drag-btn, .x-drag-mark .charts-optbtn.drag-btn, .design-box .set-theme-btn {
	margin: 10px 0;
	padding-top: 38px;
	display: inline-block;
	width: 68px;
	height: 20px;
	border: 1px solid transparent;
	background: url(../images/visual/duijizhexian.png) no-repeat center -3px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0;
	cursor: pointer;
}
.designerManage-page .page-pure-item {
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.designerManage-page .page-pure-item.active, .designerManage-page .page-pure-item:hover {
	border-color: #4785E6;
	background-color: #4785E6;
}
.design-box .drag-btn.area, .x-drag-mark .charts-optbtn.drag-btn.area, .designerManage-page .page-pure-item.area, .coverageicon.area {
	background-image: url(../images/visual/biaozhunmianji.png);
}

.design-box .drag-btn.stacked-line, .x-drag-mark .charts-optbtn.drag-btn.stacked-line, .designerManage-page .page-pure-item.stacked-line, .coverageicon.stacked-line {
	background-image: url(../images/visual/duijizhexian.png);
}

.design-box .drag-btn.stacked-area, .x-drag-mark .charts-optbtn.drag-btn.stacked-area, .designerManage-page .page-pure-item.stacked-area, .coverageicon.stacked-area {
	background-image: url(../images/visual/duijimianji.png);
}

.design-box .drag-btn.line-3d, .x-drag-mark .charts-optbtn.drag-btn.line-3d, .designerManage-page .page-pure-item.line-3d, .coverageicon.line-3d {
	background-image: url(../images/visual/3dzhexian.png);
}
.designerManage-page .page-pure-item.line, .coverageicon.line {
	background-image: url(../images/visual/duijizhexian.png);
}

.design-box .drag-btn.bar,
.optbor-icon.bar, .x-drag-mark .charts-optbtn.drag-btn.bar, .designerManage-page .page-pure-item.bar, .coverageicon.bar {
	background-image: url(../images/visual/biaozhunzhuxing.png);
}

.design-box .drag-btn.stacked-bar, .x-drag-mark .charts-optbtn.drag-btn.stacked-bar, .designerManage-page .page-pure-item.stacked-bar, .coverageicon.stacked-bar {
	background-image: url(../images/visual/duijizhuxing.png);
}

.design-box .drag-btn.strip, .x-drag-mark .charts-optbtn.drag-btn.strip, .designerManage-page .page-pure-item.strip, .coverageicon.strip {
	background-image: url(../images/visual/biaozhuntiaoxing.png);
}

.design-box .drag-btn.stacked-strip, .x-drag-mark .charts-optbtn.drag-btn.stacked-strip, .designerManage-page .page-pure-item.stacked-strip, .coverageicon.stacked-strip {
	background-image: url(../images/visual/duijitiaoxing.png);
}

.design-box .drag-btn.bar-3d, .x-drag-mark .charts-optbtn.drag-btn.bar-3d, .designerManage-page .page-pure-item.bar-3d, .coverageicon.bar-3d {
	background-image: url(../images/visual/3dzhuxing.png);
}

.design-box .drag-btn.pictorial-bar, .x-drag-mark .charts-optbtn.drag-btn.pictorial-bar, .designerManage-page .page-pure-item.pictorial-bar, .designerManage-page .page-pure-item.pictorialstacked, .coverageicon.pictorialstacked, .coverageicon.pictorial-bar {
	background-image: url(../images/visual/xiangxingzhu.png);
}
.design-box .drag-btn.pictorial-strip, .x-drag-mark .charts-optbtn.drag-btn.pictorial-strip, .designerManage-page .page-pure-item.pictorial-strip, .designerManage-page .page-pure-item.pictorialStrip, .coverageicon.pictorialStrip, .coverageicon.pictorial-strip {
	background-image: url(../images/visual/xiangxingtiao.png);
}

.design-box .drag-btn.pie,
.optbor-icon.pie, .x-drag-mark .charts-optbtn.drag-btn.pie, .designerManage-page .page-pure-item.pie, .designerManage-page .page-pure-item.pie-3d, .coverageicon.pie {
	background-image: url(../images/visual/biaozhunbingtu.png);
}

.design-box .drag-btn.doughnut-chart, .x-drag-mark .charts-optbtn.drag-btn.doughnut-chart, .designerManage-page .page-pure-item.doughnut-chart, .coverageicon.doughnut-chart {
	background-image: url(../images/visual/yuanhuantu.png);
}

.design-box .drag-btn.rose-diagram, .x-drag-mark .charts-optbtn.drag-btn.rose-diagram, .designerManage-page .page-pure-item.rose-diagram, .coverageicon.rose-diagram {
	background-image: url(../images/visual/meiguitu.png);
}
.design-box .drag-btn.circlebar, .x-drag-mark .charts-optbtn.drag-btn.circlebar, .designerManage-page .page-pure-item.circlebar, .coverageicon.circlebar {
	background-image: url(../images/visual/meiguitu2.png);
}

.design-box .drag-btn.nested-pies, .x-drag-mark .charts-optbtn.drag-btn.nested-pies, .designerManage-page .page-pure-item.nested-pies, .coverageicon.nested-pies {
	background-image: url(../images/visual/duocengbingtu.png);
}
.design-box .drag-btn.pie-3d, .x-drag-mark .charts-optbtn.drag-btn.pie-3d, .designerManage-page .page-pure-item.pie-3d, .coverageicon.pie-3d {
	background-image: url(../images/visual/pie3d.png);
}

.design-box .drag-btn.scatter,
.optbor-icon.scatter, .x-drag-mark .charts-optbtn.drag-btn.scatter, .designerManage-page .page-pure-item.scatter, .coverageicon.scatter {
	background-image: url(../images/visual/biaozhunsandian.png);
}

.design-box .drag-btn.bubble, .x-drag-mark .charts-optbtn.drag-btn.bubble, .designerManage-page .page-pure-item.bubble, .coverageicon.bubble {
	background-image: url(../images/visual/biaozhunqipao.png);
}

.design-box .drag-btn.scatter-3d, .x-drag-mark .charts-optbtn.drag-btn.scatter-3d, .designerManage-page .page-pure-item.scatter-3d, .coverageicon.scatter-3d {
	background-image: url(../images/visual/3dsandian.png);
}

.design-box .drag-btn.candlestick,
.optbor-icon.candlestick, .x-drag-mark .charts-optbtn.drag-btn.candlestick, .designerManage-page .page-pure-item.candlestick, .coverageicon.candlestick {
	background-image: url(../images/visual/biaozhunkxian.png);
}

.design-box .drag-btn.radar,
.optbor-icon.radar, .x-drag-mark .charts-optbtn.drag-btn.radar, .designerManage-page .page-pure-item.radar, .coverageicon.radar {
	background-image: url(../images/visual/biaozhunleida.png);
}

.design-box .drag-btn.fillig-radar, .x-drag-mark .charts-optbtn.drag-btn.fillig-radar, .designerManage-page .page-pure-item.fillig-radar, .coverageicon.fillig-radar {
	background-image: url(../images/visual/tianchongleida.png);
}

.optbor-icon.map {
	background-image: url(../images/visual/map.png);
}

.design-box .drag-btn.map, .x-drag-mark .charts-optbtn.drag-btn.map, .designerManage-page .page-pure-item.map, .designerManage-page .page-pure-item.line-map,
 .designerManage-page .page-pure-item.line-map1, .coverageicon.map, .coverageicon.line-map, .coverageicon.line-map1 {
	background-image: url(../images/visual/Chinamap.png);
}

.design-box .drag-btn.world-map, .x-drag-mark .charts-optbtn.drag-btn.world-map, .designerManage-page .page-pure-item.world-map, .coverageicon.world-map {
	background-image: url(../images/visual/worldmap.png);
}

.design-box .drag-btn.map-3d, .x-drag-mark .charts-optbtn.drag-btn.map-3d, .designerManage-page .page-pure-item.map-3d, .coverageicon.map-3d {
	background-image: url(../images/visual/3dmap.png);
}

.design-box .drag-btn.funnel,
.optbor-icon.funnel, .x-drag-mark .charts-optbtn.drag-btn.funnel, .designerManage-page .page-pure-item.funnel, .coverageicon.funnel {
	background-image: url(../images/visual/loudou.png);
}

.design-box .drag-btn.multiple-funnels, .x-drag-mark .charts-optbtn.drag-btn.multiple-funnels, .designerManage-page .page-pure-item.multiple-funnels, .coverageicon.multiple-funnels {
	background-image: url(../images/visual/duoloudou.png);
}

.optbor-icon.gauge {
	background-image: url(../images/visual/biaopan.png);
}

.design-box .drag-btn.gauge, .x-drag-mark .charts-optbtn.drag-btn.gauge, .designerManage-page .page-pure-item.gauge, .coverageicon.gauge {
	background-image: url(../images/visual/biaozhunyibiao.png);
}

.design-box .drag-btn.multiple-gauges, .x-drag-mark .charts-optbtn.drag-btn.multiple-gauges, .designerManage-page .page-pure-item.special-gauge,
 .designerManage-page .page-pure-item.gauge1, .designerManage-page .page-pure-item.gauge2, .designerManage-page .page-pure-item.gauge3, .coverageicon.gauges,
  .coverageicon.gauge1, .coverageicon.gauge2, .coverageicon.gauge3 {
	background-image: url(../images/visual/duoyibiao.png);
}

.design-box .drag-btn.heatmap,
.optbor-icon.heatmap, .x-drag-mark .charts-optbtn.drag-btn.heatmap, .designerManage-page .page-pure-item.heatmap, .coverageicon.heatmap {
	background-image: url(../images/visual/reli.png);
}
.design-box .drag-btn.heatmap-thermal, .designerManage-page .page-pure-item.heatmap-thermal, .coverageicon.heatmap-thermal {
	background-image: url(../images/visual/relmap.png);
}
.optbor-icon.bar-line {
	background-image: url(../images/visual/other.png);
}

.design-box .drag-btn.bar-line, .x-drag-mark .charts-optbtn.drag-btn.bar-line, .designerManage-page .page-pure-item.bar-line, .coverageicon.bar-line {
	background-image: url(../images/visual/zhezhu.png);
}

.design-box .drag-btn.bar-area, .x-drag-mark .charts-optbtn.drag-btn.bar-area, .designerManage-page .page-pure-item.bar-area, .coverageicon.bar-area {
	background-image: url(../images/visual/zhumian.png);
}

.design-box .drag-btn.tab, .x-drag-mark .charts-optbtn.drag-btn.tab, .coverageicon.tab {
	background-image: url(../images/visual/tab.png);
}

.design-box .drag-btn.carousel, .x-drag-mark .charts-optbtn.drag-btn.carousel, .coverageicon.carousel {
	background-image: url(../images/visual/lunbo.png);
}

.design-box .drag-btn.time, .x-drag-mark .charts-optbtn.drag-btn.time, .coverageicon.time {
	background-image: url(../images/visual/time.png);
}

.optbor-icon.table, .optbar-item-more .drag-btn.table, .coverageicon.table {
	background-image: url(../images/visual/form.png);
}

.optbor-icon.image, .optbar-item-more .drag-btn.image, .coverageicon.image {
	background-image: url(../images/visual/picture.png);
}
.optbor-icon.bigborder, .optbar-item-more .drag-btn.bigborder, .coverageicon.bigborder {
	background-image: url(../images/visual/border.png);
}

.optbor-icon.text, .optbar-item-more .drag-btn.text, .coverageicon.text {
	background-image: url(../images/visual/text.png);
}
.optbor-icon.allpower, .optbar-item-more .drag-btn.allpower, .coverageicon.allpower {
	background-image: url(../images/visual/wanneng.png);
}
.optbor-icon.doubledealer, .optbar-item-more .drag-btn.doubledealer, .coverageicon.doubledealer {
	background-image: url(../images/visual/fanpaiqi.png);
}
.optbor-icon.realtime, .optbar-item-more .drag-btn.realtime, .coverageicon.realtime {
	background-image: url(../images/visual/time1.png);
}
.optbor-icon.mom, .optbar-item-more .drag-btn.mom, .coverageicon.mom {
	background-image: url(../images/visual/tongbihuanbi.png);
}

.optbor-icon.select, .optbar-item-more .drag-btn.multiselect, .coverageicon.selradio {
	background-image: url(../images/visual/combo.png);
}
.optbor-icon.carousel, .optbar-item-more .drag-btn.carousel, .coverageicon.carousel {
	background-image: url(../images/visual/lunbo.png);
}
.optbor-icon.tabs, .optbar-item-more .drag-btn.tabs, .coverageicon.tabs {
	background-image: url(../images/visual/tab.png);
}
.optbor-icon.conditional, .optbar-item-more .drag-btn.conditional, .coverageicon.conditional {
	background-image: url(../images/visual/tjzj.png);
}

.optbor-icon.radio, .optbar-item-more .drag-btn.radio, .coverageicon.radio {
	background-image: url(../images/visual/danxuan.png);
}

.optbor-icon.checkbox, .optbar-item-more .drag-btn.checkbox, .coverageicon.checkbox {
	background-image: url(../images/visual/duoxuan.png);
}

.optbor-icon.input, .optbar-item-more .drag-btn.input, .coverageicon.input {
	background-image: url(../images/visual/textarea.png);
}

.optbor-icon.date, .optbar-item-more .drag-btn.date, .coverageicon.date {
	background-image: url(../images/visual/date.png);
}

.optbor-icon.refresh, .optbar-item-more .drag-btn.button, .coverageicon.button {
	background-image: url(../images/visual/query.png);
}

.optbor-icon.more, .coverageicon.more {
	background-image: url(../images/visual/more.png);
}
.optbar-item-more .drag-btn.report, .coverageicon.report {
	background-image: url(../images/visual/bbyr.png);
}

.optbor-icon.theme, .optbar-item-more .set-theme-btn.theme {
	background-image: url(../images/visual/zhuti.png);
}

.design-box .drag-btn:hover {
	border-color: #73a7f4;
	background-color: #e7f1ff;
}

.design-box .tips-box {
	border-top: 1px solid #ddd;
	/* width: 114px; */
}

.design-box .tips-item {
	padding: 5px 10px 0 10px;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 20px;
}

.design-box .tips-icon {
	display: inline-block;
	width: 15px;
	height: 20px;
	background: url(../images/visual/model.png) no-repeat center;
	vertical-align: bottom;
}

.design-box .tips-item:last-child .tips-icon {
	background-image: url(../images/visual/modellanse.png);
}

.design-div.charts-3 {
	width: 222px;
}

.design-div.charts-2 {
	width: 150px;
}

.visual-bindarea-card,
.visual-optionbar-right {
	position: fixed;
	top: 88px;
	bottom: 8px;
	padding: 10px;
	background-color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.visual-bindarea-card {
	left: 228px;
	width: 200px;
	z-index: 199;
}

.visual-control-card .control-card-title {
	cursor: move;
}
.visual-control-card .control-card-tabBox {
	margin: 0;
}
.visual-control-card .control-card-tabBox .layui-tab-title {
	height: 30px;
	box-sizing: border-box;
}
.visual-control-card .control-card-tabBox .layui-tab-title li {
	width: 50%;
	line-height: 30px;
	box-sizing: border-box;
}
.visual-control-card .control-card-tabBox.layui-tab-brief>.layui-tab-more li.layui-this:after, .visual-control-card .control-card-tabBox.layui-tab-brief>.layui-tab-title .layui-this:after {
	height:31px;
}
.visual-optionbar-right {
	right: 8px;
	width: 400px;
	z-index: 199;
}
.conditional_item_box {
	position: relative;
	padding: 10px;
}
.conditional_item_box.active, .conditional_item_box:hover {
	background-color: #f2f2f2;
}
.conditional_item_box .conditional_item_close, .conditional_item_add, .conditional_item_box .conditional_item_swtich {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}
.conditional_item_box .conditional_item_close {
	right: 30px;
}
.empty_conditional_item {
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.theme-card-title,
.control-card-title {
	margin-bottom: 10px;
	color: #4785e6;
	text-align: center;
	border-bottom: 1px solid #4785e6;
	line-height: 30px;
}

.control-card-body {
	position: relative;
}

.control-card-body,
.theme-card-body {
	height: calc(100% - 41px);
	color: #494949;
}

.visual-body-optionbar.chart-card {
	width: 490px;
}

.visual-body-optionbar .tabs1,
.visual-body-optionbar .tabs2 {
	position: absolute;
	top: 0;
	background-color: #f2f2f2;
	text-align: center;
}

.visual-body-optionbar .tabs1 {
	left: 0;
	width: 65px;
}

.visual-body-optionbar .tabs1 li {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.visual-body-optionbar .tabs2 li {
	border-bottom: 1px solid #f2f2f2;
}

.visual-body-optionbar .tabs1 li,
.visual-body-optionbar .tabs2 li {
	line-height: 30px;
	cursor: pointer;
}

.visual-body-optionbar .tabs1 li.active,
.visual-body-optionbar .tabs1 li:hover {
	color: #fff;
	border-color: #4785e6;
	background-color: #4785e6;
}

.visual-body-optionbar .tabs2 li.active,
.visual-body-optionbar .tabs2 li:hover {
	color: #4785e6;
	border-color: #4785e6;
}

.visual-body-optionbar .tabs2 {
	left: 65px;
	width: 50px;
	bottom: 0;
}

.visual-body-optionbar .tab-content {
	position: absolute;
	left: 115px;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 5px;
}

.visual-body-optionbar .tab-content .layui-form-label {
	/* width: 100px; */
	width: auto;
}

.visual-body-optionbar .layui-form-item {
	position: relative;
}

.visual-body-optionbar .layui-form-label {
	padding: 4px 15px;
	font-size: 12px;
	text-align: left;
}

.visual-body-optionbar .layui-form-item.layui-item-disable,
.visual-body-optionbar .layui-form-item.layui-item-disable .layui-input,
.visual-body-optionbar .layui-form-item.layui-item-disable .layui-btn-primary {
	color: #c2c2c2;
}

.layui-form-item .layui-title {
	color: #292929;
}

.layui-item-mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
}

.layui-form-item.layui-item-disable .layui-item-mask {
	display: block;
}

.layui-form-label .icon-check {
	margin-right: 8px;
	font-size: 12px;
	color: #4785e6;
}

.layui-form-item.layui-item-disable .icon-check {
	color: #c2c2c2;
}

.layui-form-label .icon-check::before {
	content: "\e6a8";
}

.layui-form-item.layui-item-disable .icon-check::before {
	content: "\e6a5";
}

.visual-body-optionbar .layui-color-box .layui-colorpicker {
	padding: 0;
	border-color: transparent;
	height: 100%;
	width: 100%;
	line-height: 1.3;
	border-radius: 5px;
}

.visual-body-optionbar .layui-color-box .layui-colorpicker-trigger-span {
	width: 120px;
	height: 10px;
	border-radius: 5px;
}

.visual-body-optionbar .layui-color-box .layui-colorpicker-trigger-i {
	display: none;
}

.visual-body-optionbar .layui-color-item {
	margin-top: 10px;
}

.visual-body-optionbar .layui-form-item.layui-item-disable .layui-colorpicker-trigger-span {
	background-color: #999 !important;
}

.visual-body-optionbar .layui-input-block {
	margin-left: 136px;
	min-height: 24px;
}

.visual-body-optionbar .layui-input {
	height: 28px;
}
.visual-body-optionbar .itemlist{
	padding-left: 160px;
}
.visual-body-optionbar .layui-input.gaugeInput{
	display: inline-block;
	width: 80px;
	margin-right: 10px
}
.visual-body-optionbar .colorpickerBox{
	display: inline-block
}

.visual-body-optionbar .layui-layout-btn {
    min-width: 100px;
}

.visual-body-optionbar .layui-layout-btn:last-child {
    margin: 10px 0 0 0;
}

.visual-body-optionbar .layui-btn {
    padding: 0 15px;
}

.visual-body-optionbar .edit-item-box .layui-btn {
    margin-left: 0;
    margin-bottom: 10px;
    margin-right: 10px;
}
.visual-body-optionbar .layui-btn.active {
    background-color: #4785e6;
    color: #fff;
    border-color: #4785e6;
}

.visual-body-optionbar .layui-form-item.layui-item-disable .layui-btn.active {
    border: 1px solid #C9C9C9;
    background-color: #fff;
}
.visual-body-optionbar .edit-item-box .colorBlockBtn{
    padding:0;
    box-sizing:border-box;
    float:left;
}
.visual-body-optionbar .edit-item-box .colorBlockBtn:nth-child(2n){
    margin-right:0px;
}
.visual-body-optionbar .edit-item-box .colorBlockBtn.active{
    background:none;
    color:#fff;
    border-color:#4785E6;
    border-width:2px;
    box-sizing:border-box;
}
.visual-body-optionbar .edit-item-box .colorBlockBtn img{
    display: block;
    margin:0 auto;
    text-align: center;
    width:106px;
    height:20px;
}

.visual-body-optionbar .slider-box li {
	padding: 15px 0;
}

.visual-body-optionbar .slider-label,
.visual-body-optionbar .slider-unit {
	display: inline-block;
	vertical-align: middle;
}

.visual-body-optionbar .slider-unit {
	padding-left: 10px;
}

.visual-body-optionbar .slider-item {
	display: inline-block;
	margin-top: 12px;
	width: 180px;
}

.visual-body-optionbar .slider-item .layui-slider-input {
	top: -12px;
	height: 28px;
}

.visual-body-optionbar .slider-item .layui-slider-input .slider-unit {
	display: inline-block;
	padding-left: 8px;
}

.visual-body-optionbar .slider-item .layui-slider-input-txt .layui-input {
	margin-left: -10px;
	height: 26px;
}

.visual-body-optionbar .page-pure-item,
.visual-body-optionbar .page-image-item,
.visual-body-optionbar .page-theme-item,
.visual-body-optionbar .portlet-image-item {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 42px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 4px;
	vertical-align: text-bottom;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.visual-body-optionbar .page-pure-item.active,
.visual-body-optionbar .page-image-item.active,
.visual-body-optionbar .page-theme-item.active,
.visual-body-optionbar .portlet-image-item.active {
	border-color: #4785E6;
	box-shadow: 0 0 1px #4785E6;
}

.visual-body-optionbar .page-image-item.page-image-upload .image-mask,
.visual-body-optionbar .portlet-image-item.portlet-image-upload .image-mask {
	display: none;
	height: 100%;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	transition: opacity .3s;
}

.visual-body-optionbar .page-image-item.page-image-upload .image-mask .layui-icon,
.visual-body-optionbar .portlet-image-item.portlet-image-upload .image-mask .layui-icon {
	cursor: pointer;
}

.visual-body-optionbar .page-image-item.page-image-upload:hover .image-mask,
.visual-body-optionbar .portlet-image-item.portlet-image-upload:hover .image-mask {
	display: block;
}

.visual-body-optionbar .page-image-item.page-bg1 {
	background: url(../images/visual/bg/PageBg1Thumbnail1.jpg) no-repeat center;
}

.visual-body-optionbar .page-image-item.page-bg2 {
	background: url(../images/visual/bg/PageBg2Thumbnail2.jpg) no-repeat center;
}

.visual-body-optionbar .page-image-item.page-bg3 {
	background: url(../images/visual/bg/PageBg3Thumbnail3.jpg) no-repeat center;
}

.visual-body-optionbar .page-image-item.page-bg4 {
	background: url(../images/visual/bg/PageBg4Thumbnail4.jpg) no-repeat center;
}

.visual-body-optionbar .page-image-item.page-bg5 {
	background: url(../images/visual/bg/PageBg5Thumbnail5.jpg) no-repeat center;
}

.visual-body-optionbar .page-image-item.page-bg6 {
	background: url(../images/visual/bg/PageBg6Thumbnail6.jpg) no-repeat center;
}
.visual-body-optionbar .page-image-item.page-bg7 {
	background: url(../images/visual/bg/PageBg7Thumbnail7.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.theme1 {
	background: url(../images/themePic/theme1.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.default {
	background: url(../images/themePic/theme-default.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.theme3 {
	background: url(../images/themePic/theme3.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.theme4 {
	background: url(../images/themePic/theme4.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.gray {
	background: url(../images/themePic/theme-gray.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.colorful {
	background: url(../images/themePic/theme-colorful.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.theme7 {
	background: url(../images/themePic/theme7.png) no-repeat center;
}
.visual-body-optionbar .page-theme-item.theme8 {
	background: url(../images/themePic/theme8.png) no-repeat center;
}
.db-page.page-bg1,
.pageContainer.page-bg1 {
	background-image: url(../images/visual/bg/PageBg1.jpg);
}

.db-page.page-bg2,
.pageContainer.page-bg2 {
	background-image: url(../images/visual/bg/PageBg2.jpg);
}

.db-page.page-bg3,
.pageContainer.page-bg3 {
	background-image: url(../images/visual/bg/PageBg3.jpg);
}

.db-page.page-bg4, 
.pageContainer.page-bg4 {
	background-image: url(../images/visual/bg/PageBg4.jpg);
}

.db-page.page-bg5,
.pageContainer.page-bg5 {
	background-image: url(../images/visual/bg/PageBg5.jpg);
}

.db-page.page-bg6,
.pageContainer.page-bg6 {
	background-image: url(../images/visual/bg/PageBg6.jpg);
}
.db-page.page-bg7,
.pageContainer.page-bg7 {
	background-image: url(../images/visual/bg/PageBg7.png);
}

.page-image-box,
.page-pure-box {
	padding-top: 10px;
}

.page-image-box .layui-input-block {
	margin-left: 0;
	margin-top: 10px;
	width: 80px;
}

.visual-body-optionbar #page-pure-custom {
	margin-bottom: 0px;
	vertical-align: top;
	border: 1px dashed #ddd;
}

.visual-body-optionbar #page-pure-custom .layui-colorpicker {
	padding: 0;
	width: 42px;
	height: 30px;
	line-height: 30px;
	border: none;
	text-align: center;
}

.visual-body-optionbar #page-pure-custom .layui-colorpicker-trigger-span {
	border: none;
}

.visual-body-optionbar #page-image-custom,
.visual-body-optionbar .upload-image-item {
	position: relative;
	border-style: dashed;
}

.visual-body-optionbar .upload-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}
.visual-theme-card .thumbnailbox {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 101px;
	border: 1px dashed #ddd;
	border-radius: 4px;
	vertical-align: text-bottom;
	text-align: center;
}
.visual-theme-card .thumbnailbox .layui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.close-card-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 20px;
	background: url(../images/visual/suspension-l.png) no-repeat center;
	cursor: pointer;
}

.visual-optionbar-right .close-card-btn {
	left: 0;
	right: auto;
	background: url(../images/visual/suspension-r.png) no-repeat center;
	z-index: 3;
}

.visualManage-page .layui-nav-treebody-model {
	height: 100px;
	border-bottom: 1px solid #ddd;
}

.visualManage-page .layui-nav-treebody-model .layui-model-treebox {
	top: 30px;
	padding: 20px 15px;
	overflow: hidden;
}

.layui-nav-treebody-title {
	padding: 0 20px;
	height: 30px;
	background-color: #4785e6;
	color: #fff;
	line-height: 30px;
	box-shadow: 0 0 3px 0px #4785e6;
}

.layui-model-treeinput {
	position: relative;
	padding: 2px 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 24px;
	line-height: 24px;
}

.layui-model-treeinput i {
	position: absolute;
	right: 5px;
}

/*维度度量名字过长能显示多少，后面加省略号，鼠标移入显示全部*/
.layui-model-node {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 0px 0 0px;
  margin-right: 0px;
}

.visualManage-page .layui-nav-treebody-dimension {
	height: calc(100% - 101px);
}

.layui-nav-treebox-area {
	position: relative;
	padding: 0 10px;
	height: 33.3%;
}

.layui-side-treebox {
	position: absolute;
	top: 33px;
	right: 10px;
	bottom: 0;
	left: 10px;
}

.layui-nav-treebox-title {
	position: relative;
	padding: 10px 0 5px 0;
}

.layui-side-treebox-downbtn {
	position: absolute;
	right: 5px;
	top: 10px;
	cursor: pointer;
}

#LAY-dimension-tree .eleTree-node-content,
#LAY-Bindarea-dimension-tree .eleTree-node-content {
	background-color: #ebf7f6;
	border-bottom: 1px solid #fff;
}
.designer-body #LAY-dimension-tree .eleTree-node-content, .visualManage-page #LAY-dimension-tree .eleTree-node-content,
.designer-body #LAY-custommeasure-tree .eleTree-node-content, .visualManage-page #LAY-custommeasure-tree .eleTree-node-content,
.designer-body #LAY-measure-tree .eleTree-node-content, .visualManage-page #LAY-measure-tree .eleTree-node-content {
    text-overflow: initial;
}

#LAY-dimension-tree .eleTree-node-content:hover,
#LAY-dimension-tree .eleTree-node-content.eleTree-node-content-active,
#LAY-Bindarea--dimension-tree .eleTree-node-content:hover,
#LAY-Bindarea--dimension-tree .eleTree-node-content.eleTree-node-content-active {
	background-color: #ceefec;
}

#LAY-measure-tree .eleTree-node-content,
#LAY-Bindarea-measure-tree .eleTree-node-content {
	background-color: #edf1f9;
	border-bottom: 1px solid #fff;
}

#LAY-measure-tree .eleTree-node-content:hover,
#LAY-measure-tree .eleTree-node-content.eleTree-node-content-active,
#LAY-Bindarea-measure-tree .eleTree-node-content:hover,
#LAY-Bindarea-measure-tree .eleTree-node-content.eleTree-node-content-active {
	background-color: #d4e2ff;
}

#LAY-custommeasure-tree .eleTree-node-content {
	background-color: #fcf6ef;
	border-bottom: 1px solid #fff;
}

#LAY-custommeasure-tree .eleTree-node-content:hover,
#LAY-custommeasure-tree .eleTree-node-content.eleTree-node-content-active {
	background-color: #ffecd5;
}

.bindarea-title {
	padding-top: 10px;
}

.bindarea-drop-box {
	padding: 10px 0;
}

.bindarea-dargitem-box {
	border: 1px dashed #ddd;
}

.bindarea-dargitem-box.bg-color-1,
.bindarea-dargitem-box.bg-color-1 .ui-sortable-helper.bindarea-dargitem {
	background-color: #ebf7f6;
}

.bindarea-dargitem-box.bg-color-2,
.bindarea-dargitem-box.bg-color-2 .ui-sortable-helper.bindarea-dargitem {
	background-color: #edf1f9;
}

.bindarea-dargitem-box.bg-color-3,
.bindarea-dargitem-box.bg-color-3 .ui-sortable-helper.bindarea-dargitem {
	background-color: #fcf6ef;
}

.bindarea-dargitem-box .ui-sortable-helper.bindarea-dargitem {
	border: 1px solid #ddd;
}

.bindarea-dargitem-box li.dragitem-empty {
	height: 66px;
	font-size: 12px;
	color: #808080;
	line-height: 66px;
	text-align: center;
}

.bindarea-dargitem-box li {
	position: relative;
	padding: 0 10px;
	height: 30px;
	border-bottom: 1px solid #fff;
	line-height: 30px;
}

.bindarea-dargitem-box li:last-child {
	border-bottom: none;
}

.bindarea-dargitem-box li span {
	padding-left: 5px;
	width: 140px;
	font-size: 12px;
	vertical-align: top;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.bindarea-dargitem .menu-btn {
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
}

.bindarea-dargitem .close-btn {
	display: none;
	position: absolute;
	top: -15px;
	right: -5px;
	height: 20px;
	color: red;
	cursor: pointer;
}
.bindarea-dargitem.item-measure,
.formulaEditForm .fun-item.item-theme-measure {
	background-color: #edf1f9;
}
.bindarea-dargitem.item-dimension,
.formulaEditForm .fun-item.item-theme-dimension {
	background-color: #ebf7f6;
}
.bindarea-dargitem:hover .close-btn {
	display: block;
}

.eleTree-drag-node.ui-draggable-handle.ui-draggable-dragging .eleTree-node-content {
	padding-right: 20px;
	background-color: #4785e6;
	color: #fff;
}

.reportview-body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.opcation .list.active {
	background-color: #9CB6B3 !important;
}
.coverDiv {
	position: absolute;
    background: #ccc;
    opacity: .2;
    z-index: 99999;
    border: 2px dotted #2aa5cd;
}
.rolldate-container {
	position: relative;
	z-index: 2000;
}
.addCalculation-btn {
	position: absolute;
	right: 10px;
	cursor: pointer;
}
/* ============================================================ End Visual Manage  ====================================================================== */
/* ============================================================  Visual Manage portlet ================================================================== */
.containerbox {
	border-radius: 4px;
}
.draggable-item, .containerbox table.edit {
	height: 100%;
	width: 100%;
}
.slotDiv {
	height: 100%;
}
.containerbox table.edit {
	border-collapse: collapse;
}
.visualManage-page, .db-portlet-ui {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-overflow-style: scrollbar
}

.portlet {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block
}
.db-portlet-ui .drillingMapBackBtn {
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 16px;
	color: #40c3d6;
	z-index: 100;
	cursor: pointer;
}
.db-portlet-ui .drillingMapBackBtn:hover, .db-portlet-ui .drillingMapBackBtn:active {
	color: #3bdaf1;
}
.db-portlet-ui .drillingMapBackBtn .iconfont {
	font-size: 26px;
}
.float_portlet {
	position: absolute !important;
}
.db-portlet-ui .loading-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/visual/jiazai-2.gif) no-repeat center;
	background-color: #fff;
	background-size: 56px;
	z-index: 100;
}
.db-portlet-ui .loading-box.lay-mobile {
	background-image: url(../images/visual/jiazai-4.gif);
}
.db-portlet-ui .buttonbox {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
    z-index: 34;
	cursor: all-scroll;
}

.db-portlet-ui .buttonbox .handle-move {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background: url(../images/visual/tuilaicon.png) no-repeat center;
}

.db-portlet-ui .buttonbox .control-box {
	position: absolute;
	right: 5px;
	top: 0;
}
.db-portlet-ui .buttonbox .control-box .tierWrap{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	width: 80px;
	margin-right: 10px;
}
.db-portlet-ui .buttonbox .control-box .tierWrap .layui-unselect.layui-form-select{
	height: 28px;
	line-height: 28px;
}
.db-portlet-ui .buttonbox .control-box .tierWrap .layui-input, .db-portlet-ui .buttonbox .control-box .tierWrap .layui-select{
	height: 28px;
	line-height: 28px
}
.db-portlet-ui .control-box .control-btn {
	display: inline-block;
	height: 28px;
	width: 20px;
	line-height: 32px;
	margin-right: 10px;
	cursor: pointer;
}

.db-portlet-ui .content {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.db-portlet-ui .layui-form-radio,
.db-portlet-ui .layui-form-checkbox {
	margin: 0 0 6px 0
}
.db-portlet-ui .layui-tab {
	margin: 0;
}
.db-portlet-ui .layui-tab-title {
	height: 30px;
}
.db-portlet-ui .layui-tab-title li {
	padding: 0 32px;
	min-width: 40px;
	font-size: 13px;
	line-height: 30px;
}
.db-portlet-ui .layui-tab-title .layui-this:after {
	height: 31px;
}
.db-page .content-slot__div,
.db-portlet-ui .content-box,
.db-portlet-ui .layui-tab-item,
.db-portlet-ui .layui-tab {
	height: 100%
}
.db-page div[portletType^=FILTER_] .portlet-not-empty-div .content-slot__div,
.db-page div[portletType^=SELECT_] .portlet-not-empty-div .content-slot__div {
	display: table;
	height: 100%;
	width: 100%;
	line-height: 1.4;
}
.db-page div[portletType^=TABLE_] .portlet-not-empty-div .content-slot__div,
.db-page div[portletType^=ECHARTS_] .portlet-not-empty-div .content-slot__div {
	display: block;
}
.db-portlet-ui .layui-tab {
	position: relative;
}
.db-portlet-ui .tab-allbtn {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	cursor: pointer;
}
.db-portlet-ui .layui-tab-content {
	padding: 0;
	height: calc(100% - 31px);
	box-sizing: border-box;
}
.db-page .content-slot__div .chartContainer {
	margin-top: 0px;
	height: calc(100% - 0px);
	width: 100%;
}
.db-page div[portletType^=TABLE_] .portlet-not-empty-div .content-slot__div {
	position: relative;
}
.db-page .content-slot__div .text-box {
	box-sizing: border-box;
}
.table_list_noPagination {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.table_title_show.table_list_noPagination .tableContainer {
	top: 40px;
}
.table_list_noPagination .customTitle {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	line-height: 30px;
}
.table_title_show.table_list_noPagination .customTitle {
	display: block;
}
.table_list_noPagination .layui-table-view {
	margin: 0;
}
.table_list_noPagination .unitContent {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
}
.table_title_show.table_list_noPagination .unitContent {
	display: block;
}
.tableContainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-collapse: separate;
}

.db-page .content-slot__div-mask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.db-page div[portletType^=TABLE_] .content-slot__div {
	position: relative;
}

.db-page div[portletType^=TABLE_] .content-slot__div.defaultTop {
	padding-top: 12px
}

.db-page .content-slot__div:hover .portlet-toolbar {
	display: block
}

.db-page .content-slot__div .portlet-toolbar {
	display: none
}

.db-page div[portletType*=_].portlet_selected.bg_light,
.db-page span[portletmode=edit]:hover .content_border.bg_light {
	border-color: rgba(42, 165, 205, 0)
}

.db-page div[portletType*=_].portlet_selected.bg_dark,
.db-page span[portletmode=edit]:hover .content_border.bg_dark {
	border-color: rgba(210, 222, 249, 0)
}

.db-portlet-ui .handle.bg_dark,
.db-portlet-ui .title.bg_dark {
	color: #fff
}

.db-portlet-ui .handle.bg_light,
.db-portlet-ui .title.bg_dark {
	color: inherit
}

.db-portlet-ui .content_border {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.controlMask-controls-box .db-portlet-ui .content_border {
	position: relative;
}
.db-page div[portletType^=STATIC_] .content_border {
	border-color: transparent
}

.db-page span[portletmode=edit]:hover .content_border {
	border-style: dashed;
	border-width: 1px
}

.db-page div[portletType*=_] .content_selected,
.db-page span[portletmode=edit]:hover .content_selected {
	border-style: solid;
	border-width: 1px
}

.text-box__tip {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 100%;
	color: #a5a5a5;
	font-weight: 700;
	font-size: 12px;
	text-align: center
}
.mom-title {
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
}
.mom-content {
	height: calc(100% - 68px);
}
.mom-foot {
	padding: 0 10px;
	font-size: 14px;
}
.mom-foot .layui-inline {
	vertical-align: middle;
}
.mom-value-box, .yoy-value-box {
	margin: 6px 10px;
}
.mom-value-box {
	margin-left: 20px;
}
.mom-value, .yoy-value {
	margin-left: 10px;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #F1A95B;
	color: #F1A95B;
	border-radius: 12px;
}
.visual-body-mobile .mom-title{
	padding: 0 8px;
}
.visual-body-mobile .mom-foot {
	padding: 0;
	font-size: 12px;
}
.visual-body-mobile .mom-value-box, .yoy-value-box {
	margin: 6px 15px;
}
.visual-body-mobile .mom-value, .yoy-value {
	margin-left: 5px;
	padding: 0 7px;
	height: 22px;
	line-height: 24px;
}
.visual-body-mobile .mom-value-box {
	margin-left: 0;
}
.image-object {
	text-align: center
}

.image-box__tip {
	position: relative;
	top: 50%;
	width: 100%;
	color: #a5a5a5;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
}

.image-box__tip:hover {
	cursor: pointer
}

.visual-body .db-portlet-ui .hidden,
.reportview-body .db-portlet-ui .hidden {
	display: none
}

.db-portlet-ui .portlet-not-empty-div {
	height: 100%
}

.db-portlet-ui .portlet-empty-div {
	height: 100%;
	width: 100%
}

.db-page .portlet-empty-div-in {
	position: absolute;
	display: inline-block;
	width: 120px;
	top: calc(50% - 60px);
	left: calc(50% - 60px)
}

.db-page .portlet-empty-div-in__no-img {
	top: calc(50% - 26px)
}

.db-portlet-ui .portlet-empty-text {
	width: 100%;
	line-height: 26px;
	height: 26px;
	display: inline-block;
	color: #e0e0e0;
	font-weight: 700;
	text-align: center
}
.db-portlet-ui .portlet-empty-div.hidden .portlet-empty-text {
	display: none;
}

.db-portlet-ui .content,
.db-portlet-ui .content_border,
.db-portlet-ui .title {
	border-radius: 3px;
	font-size: 16px
}

.db-portlet-ui .titleBar {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding-left: 14px;
	padding-right: 14px;
	height: 32px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	font-family: Microsoft YaHei;
	line-height: 32px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	z-index: 13;
}

.db-portlet-ui.portlet_selected>.buttonbox, .wd-floatingobject-selected .buttonbox {
	display: block;
}
.db-free-page .db-portlet-ui .layui-icon-set-fill,
.db-portlet-ui .db-portlet-ui .handle-move,
.db-portlet-ui .db-portlet-ui .layui-icon-set-fill {
	display: none;
}
.theme_white.db-page .db-portlet-ui .content_border {
	background-color: #fff
}

.theme_white.db-page .db-portlet-ui .titleBar {
	color: #515c68
}

.theme_white.db-page .portlet-not-empty-div .text-object {
	color: #1f2d3d
}

.theme_white.db-page .db-portlet-ui .handle-resize {
	color: #2aa5cd
}

.theme_black.db-page,
.theme_black.db-page .db-portlet-ui .portlet-max-shade {
	background-color: #191b2c
}

.theme_black.db-page .db-portlet-ui .content_border {
	background-color: #24273e
}

.theme_black.db-page .db-portlet-ui .titleBar {
	color: #607cbd
}

.db-page div[portletType^=ECHARTS_] .titleBar {
	border-bottom: 1px solid transparent
}

.db-page div[portletType^=FILTER_] .titleBar {
	color: #6f7e8f
}

.db-portlet-ui[portlettype=STATIC_EMPTY] .titleBar {
	display: none
}

.db-page .portlet-empty-img {
	width: 100%;
	height: 120px;
}

.db-page .portlet-empty-img__echarts_line,
.db-page .portlet-empty-img__echarts_area,
.db-page .portlet-empty-img__echarts_stacked-line,
.db-page .portlet-empty-img__echarts_stacked-area,
.db-page .portlet-empty-img__echarts_line-3d {
	background: url(../images/visual/zx.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_bar,
.db-page .portlet-empty-img__echarts_stacked-bar,
.db-page .portlet-empty-img__echarts_strip,
.db-page .portlet-empty-img__echarts_stacked-strip,
.db-page .portlet-empty-img__echarts_bar-3d,
.db-page .portlet-empty-img__echarts_pictorial-bar {
	background: url(../images/visual/zhongxinzhutu.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_pie,
.db-page .portlet-empty-img__echarts_doughnut-chart,
.db-page .portlet-empty-img__echarts_rose-diagram,
.db-page .portlet-empty-img__echarts_nested-pies,
.db-page .portlet-empty-img__echarts_rose-diagram {
	background: url(../images/visual/bt.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_scatter,
.db-page .portlet-empty-img__echarts_bubble,
.db-page .portlet-empty-img__echarts_scatter-3d {
	background: url(../images/visual/sd.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_candlestick {
	background: url(../images/visual/kx.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_radar,
.db-page .portlet-empty-img__echarts_fillig-radar {
	background: url(../images/visual/ld.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_map,
.db-page .portlet-empty-img__echarts_world-map,
.db-page .portlet-empty-img__echarts_map-3d {
	background: url(../images/visual/dt.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_funnel,
.db-page .portlet-empty-img__echarts_multiple-funnels {
	background: url(../images/visual/ldt.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_gauge,
.db-page .portlet-empty-img__echarts_multiple-gauges,
.db-page .portlet-empty-img__echarts_special-gauge {
	background: url(../images/visual/ybp.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_heatmap {
	background: url(../images/visual/rl.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_bar-line {
	background: url(../images/visual/hh.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_bar-area {
	background: url(../images/visual/zmj.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__echarts_stacked-bar-line {
	background: url(../images/visual/dj.png) no-repeat 0 center;
}

.db-page .portlet-empty-img__table {
	background: url(../images/visual/form120.png) no-repeat 0 center;
}

.db-page .el-input_transparent .layui-input {
	color: #cfd4ed;
	border-color: #444a6c;
	background: transparent;
}

.ly-drag .coverDiv {
	position: absolute;
	background: #ccc;
	opacity: .2;
	z-index: 99999;
	border: 2px dotted #2aa5cd
}

.ly-drag .appendDiv {
	height: 100px
}

.ly-drag .slots,
.ly-drag .slotTd {
	border: 0 solid #000;
	padding: 0;
}

.ly-drag .draggable-content {
	padding: 0;
	height: 100%;
}
.ly-drag .draggable-content .db-portlet-ui>.ui-resizable-handle{
	cursor: inherit !important;
}
.layout-container,
.page-layout {
	height: 100%;
	width: 100%;
	z-index: 1
}

.db-page__free,
.db-page__free .ly-drag {
	overflow: hidden
}

.align-line {
	position: absolute;
	z-index: 999
}

.align-line__bottom,
.align-line__top {
	border-top: 1px dashed #2aa5cd;
	width: 100%
}

.align-line__left,
.align-line__right {
	border-left: 1px dashed #2aa5cd;
	top: 0;
	height: 100%;
	width: 1px
}

.bottom__equals,
.top__equals {
	border-top: 2px dashed #2aa5cd
}

.left__equals,
.right__equals {
	border-left: 2px dashed #2aa5cd
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-n {
	top: -4px;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-s {
	bottom: -4px;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-n,
.db-portlet-ui>.ui-resizable-handle.ui-resizable-s {
	margin-left: -10px;
	left: 50%;
	height: 10px;
	width: 20px;
	background: url(../images/visual/heng.png) no-repeat center;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-e {
	right: -4px;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-w {
	left: -4px;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-e,
.db-portlet-ui>.ui-resizable-handle.ui-resizable-w {
	margin-top: -10px;
	top: 50%;
	width: 10px;
	height: 20px;
	background: url(../images/visual/shu.png) no-repeat center;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-nw {
	left: -4px;
	width: 20px;
	height: 20px;
	background: url(../images/visual/bianjiao-l.png) no-repeat;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-ne {
	right: -4px;
	width: 20px;
	height: 20px;
	background: url(../images/visual/bianjiao-r.png) no-repeat;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-sw {
	left: -4px;
	bottom: -4px;
	width: 20px;
	height: 20px;
	background: url(../images/visual/zuoxia.png) no-repeat;
}

.db-portlet-ui>.ui-resizable-handle.ui-resizable-se {
	width: 20px;
	height: 20px;
	right: -4px;
	bottom: -4px;
	background: url(../images/visual/youxia.png) no-repeat;
}

#LAY-admin-textarea .layui-colorpicker-trigger-span .layui-colorpicker-trigger-i {
	margin: 0;
	line-height: 20px;
	width: 20px;
	height: 20px;
}
.reportview-page .multiselect-box,
.multidimensionalDesign-page .multiselect-box,
.visualManage-page .multiselect-box {
	background-color: #ffffff;
	position: relative;
	display: inline-block;
    padding: 0 30px 0 10px;
    width: 170px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	box-sizing: border-box;
}
.reportview-page .multiselect-box::after,
.multidimensionalDesign-page .multiselect-box::after,
.visualManage-page .multiselect-box::after {
	display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    content: "";
    width: 0;
    height: 0;
    cursor: pointer;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-top-color: #c2c2c2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.reportview-page .multiselect-box.laydropdown-box,
.multidimensionalDesign-page .multiselect-box.laydropdown-box,
.visualManage-page .multiselect-box.laydropdown-box {
	width: auto !important;
	min-width: 64px !important;
	color: #4785e6 !important;
	border: none !important;
}
.reportview-page .multiselect-box.laydropdown-box::after,
.multidimensionalDesign-page .multiselect-box.laydropdown-box::after,
.visualManage-page .multiselect-box.laydropdown-box::after {
	border-top-color: #4785e6 !important;
}
.reportview-page .multiselect-box.laydropdown-box.laydropdown-open::after,
.multidimensionalDesign-page .multiselect-box.laydropdown-box.laydropdown-open::after,
.visualManage-page .multiselect-box.laydropdown-box.laydropdown-open::after {
    margin-top: -8px;
	transform: rotate(180deg);
}
.reportview-page .layui-input-datebox{
	position: relative;
}
.reportview-page .layui-input-datebox .iconfont {
	position: absolute;
	top: 10px;
	right: 5px;
}
.reportview-page .t-body td > img {
	width: 100%;
}
.layui-mobile-body .multiselect-box {
	width: 100%;
}
.layui-mobile-body .reportview-page .layui-input-datebox .iconfont {
	color: #0081CC;
}
.layui-mobile-body .controlMask-controls-box .multiselect-box::after {
	border-top-color: #0081CC;
}

.content-slot__div .layui-form-small .layui-form .layui-form-radio {
	line-height: 22px;
}
.content-slot__div .layui-form-small .layui-form .layui-form-radio * {
	font-size: 12px;
}
.content-slot__div .layui-form-small .layui-form .layui-form-radio> i {
	font-size: 16px;
}
.content-slot__div .layui-form-medium .layui-form .layui-form-radio {
	line-height: 26px;
}
.content-slot__div .layui-form-medium .layui-form .layui-form-radio * {
	font-size: 14px;
}
.content-slot__div .layui-form-medium .layui-form .layui-form-radio> i {
	font-size: 18px;
}
.content-slot__div .layui-form .layui-form-checkbox[lay-skin=primary] span {
	line-height: 20px;
}
.content-slot__div .layui-form .layui-form-checkbox[lay-skin=primary] i {
	width: 18px;
    height: 18px;
    line-height: 18px;
}
.content-slot__div .layui-form-medium .layui-form .layui-form-checkbox[lay-skin=primary] span {
	line-height: 18px;
}
.content-slot__div .layui-form-medium .layui-form .layui-form-checkbox[lay-skin=primary] i {
	width: 16px;
    height: 16px;
    line-height: 16px;
}
.content-slot__div .layui-form-small .layui-form .layui-form-checkbox[lay-skin=primary] {
	padding-left: 25px;
    min-width: 16px;
    min-height: 16px;
}
.content-slot__div .layui-form-small .layui-form .layui-form-checkbox[lay-skin=primary] span {
	font-size: 12px;
	line-height: 16px;
}
.content-slot__div .layui-form-small .layui-form .layui-form-checkbox[lay-skin=primary] i {
	width: 14px;
    height: 14px;
    line-height: 14px;
}
.imginner .item-img.active,
.imginnerb .item-img.active {
	box-shadow: 0px 4px 10px 0px rgba(110, 197, 185, 0.35);
}
/* ++++++++++++++++++++++++++++++++++++++ 主题风格start ++++++++++++++++++++++++++++++++++++++*/
/* ---------------------------------- 拖拽元素类表格样式 start -----------------------------------*/
.db-portlet-ui .content .layui-table-view .layui-table td,
.db-portlet-ui .content .layui-table-view .layui-table th {
	font-size: 12px;
	padding: 0
}

.db-portlet-ui .content .layui-table-view .layui-table-cell {
	height: 30px;
	line-height: 30px
}
/* ----------------------------------- 拖拽元素类表格样式 end -----------------------------------*/

/* ---------------------------------- 透明主题start -----------------------------------*/
/* theme_transparent */
.visualManage-page .db-page.theme_transparent,
.reportview-page .db-page.theme_transparent {
	background-color: #0a1539;
}

.theme_transparent.db-page .db-portlet-ui .content_border {
	background-color: transparent;
}

.theme_transparent.db-page .db-portlet-ui .titleBar {
	color: #fff;
}

.theme_transparent.db-page .portlet-not-empty-div .text-object {
	color: #fff;
}

.theme_transparent.db-page .db-portlet-ui .handle-resize {
	color: #fff;
}

.theme_transparent .db-portlet-ui .handle.bg_light,
.theme_transparent .db-portlet-ui .title.bg_dark {
	color: #fff;
}

/* ----------------------------------- 透明主题end -----------------------------------*/
/* ----------------------------------- 深色主题start -----------------------------------*/
/* theme_dark */
.visualManage-page .db-page.theme_dark,
.reportview-page .db-page.theme_dark {
	background-color: #000;
}

.theme_dark.db-page .db-portlet-ui .content_border {
	background-color: #081327
}

.theme_dark.db-page .db-portlet-ui .titleBar {
	color: #fff
}

.theme_dark.db-page .portlet-not-empty-div .text-object {
	color: #fff
}

.theme_dark.db-page .db-portlet-ui .handle-resize {
	color: #fff
}

.theme_dark .db-portlet-ui .handle.bg_light,
.theme_dark .db-portlet-ui .title.bg_dark {
	color: #fff;
}

/* ----------------------------------- 深色主题end -----------------------------------*/

/* ---------------------------------- 表格浅蓝主题start -----------------------------------*/
.table_theme_lightblue .layui-table thead tr,
.table_theme_lightblue .layui-table-header,
.table_theme_lightblue .layui-table-mend,
.table_theme_lightblue .layui-table-patch,
.table_theme_lightblue .layui-table-tool,
.table_theme_lightblue .layui-table-total {
	background-color: #D1E8F9;
	color:  #666666 ;
	font-weight: bold;
}

.table_theme_lightblue .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_lightblue .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_lightblue .layui-table td,
.table_theme_lightblue .layui-table th,
.table_theme_lightblue .layui-table-col-set,
.table_theme_lightblue .layui-table-fixed-r,
.table_theme_lightblue .layui-table-grid-down,
.table_theme_lightblue .layui-table-page,
.table_theme_lightblue .layui-table-tips-main,
.table_theme_lightblue .layui-table-tool,
.table_theme_lightblue .layui-table-total,
.table_theme_lightblue .layui-table-view,
.table_theme_lightblue .layui-table[lay-skin=line],
.table_theme_lightblue .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_lightblue .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #F7FBFE;
}

.table_theme_lightblue .layui-table-body .layui-table tbody tr:hover,
.table_theme_lightblue .layui-table-body .layui-table .layui-table-hover {
	background-color: #ECF5FB;
}

.table_theme_lightblue .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_lightblue .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_lightblue .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_lightblue .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_lightblue .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_lightblue .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格浅蓝主题end -----------------------------------*/

/* ---------------------------------- 表格湖水蓝主题start -----------------------------------*/
.table_theme_lakewaterblue .layui-table thead tr,
.table_theme_lakewaterblue .layui-table-header,
.table_theme_lakewaterblue .layui-table-mend,
.table_theme_lakewaterblue .layui-table-patch,
.table_theme_lakewaterblue .layui-table-tool,
.table_theme_lakewaterblue .layui-table-total {
	background-color: #54A2C6;
	color: #fff;
}

.table_theme_lakewaterblue .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_lakewaterblue .layui-table-header .layui-unselect {
	font-weight: bold;
}
.table_theme_lakewaterblue .layui-table-header tr .layui-table-cell {
	height: 24px;
	line-height: 24px;
	font-size: 11px;
}
.table_theme_lakewaterblue .layui-table-body tr .layui-table-cell {
	height: 15px;
	line-height: 18px;
	font-size: 10px;
}
.table_theme_lakewaterblue .layui-table td,
.table_theme_lakewaterblue .layui-table th,
.table_theme_lakewaterblue .layui-table-col-set,
.table_theme_lakewaterblue .layui-table-fixed-r,
.table_theme_lakewaterblue .layui-table-grid-down,
.table_theme_lakewaterblue .layui-table-page,
.table_theme_lakewaterblue .layui-table-tips-main,
.table_theme_lakewaterblue .layui-table-tool,
.table_theme_lakewaterblue .layui-table-total,
.table_theme_lakewaterblue .layui-table-view,
.table_theme_lakewaterblue .layui-table[lay-skin=line],
.table_theme_lakewaterblue .layui-table[lay-skin=row] {
	border-color: #BBE2F1;
}

.table_theme_lakewaterblue .layui-table-total tr,
.table_theme_lakewaterblue .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF
}

.table_theme_lakewaterblue .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_lakewaterblue .layui-table-body .layui-table tbody tr:hover,
.table_theme_lakewaterblue .layui-table-body .layui-table .layui-table-hover {
	background-color: #eaf6fb;
}

.table_theme_lakewaterblue .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_lakewaterblue .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_lakewaterblue .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_lakewaterblue .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_lakewaterblue .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_lakewaterblue .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格湖水蓝主题end -----------------------------------*/
/* ---------------------------------- 表格深蓝主题start -----------------------------------*/
.table_theme_mazarine .layui-table thead tr,
.table_theme_mazarine .layui-table-header,
.table_theme_mazarine .layui-table-mend,
.table_theme_mazarine .layui-table-patch,
.table_theme_mazarine .layui-table-tool,
.table_theme_mazarine .layui-table-total {
	background-color: #61A7E8;
	color: #fff;
}

.table_theme_mazarine .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_mazarine .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_mazarine .layui-table td,
.table_theme_mazarine .layui-table th,
.table_theme_mazarine .layui-table-col-set,
.table_theme_mazarine .layui-table-fixed-r,
.table_theme_mazarine .layui-table-grid-down,
.table_theme_mazarine .layui-table-page,
.table_theme_mazarine .layui-table-tips-main,
.table_theme_mazarine .layui-table-tool,
.table_theme_mazarine .layui-table-total,
.table_theme_mazarine .layui-table-view,
.table_theme_mazarine .layui-table[lay-skin=line],
.table_theme_mazarine .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_mazarine .layui-table-total tr,
.table_theme_mazarine .layui-table[lay-even] tr:nth-child(even) {
	background-color: #f0f4f9
}

.table_theme_mazarine .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #F4FAFF;
}

.table_theme_mazarine .layui-table-body .layui-table tbody tr:hover,
.table_theme_mazarine .layui-table-body .layui-table .layui-table-hover {
	background-color: #EDF6FF;
}

.table_theme_mazarine .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #b2b2b2;
}

.table_theme_mazarine .layui-table-sort .layui-table-sort-desc {
	border-top-color: #b2b2b2;
}

.table_theme_mazarine .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #b2b2b2;
}

.table_theme_mazarine .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #b2b2b2;
}

.table_theme_mazarine .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #b2b2b2
}

.table_theme_mazarine .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #b2b2b2
}

/* ------------------------------------ 表格深蓝主题end -----------------------------------*/

/* ---------------------------------- 表格浅紫色主题start -----------------------------------*/
.table_theme_lavender .layui-table thead tr,
.table_theme_lavender .layui-table-header,
.table_theme_lavender .layui-table-mend,
.table_theme_lavender .layui-table-patch,
.table_theme_lavender .layui-table-tool,
.table_theme_lavender .layui-table-total {
	background-color: #DDE1FF;
	color: #666666;
}

.table_theme_lavender .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_lavender .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_lavender .layui-table td,
.table_theme_lavender .layui-table th,
.table_theme_lavender .layui-table-col-set,
.table_theme_lavender .layui-table-fixed-r,
.table_theme_lavender .layui-table-grid-down,
.table_theme_lavender .layui-table-page,
.table_theme_lavender .layui-table-tips-main,
.table_theme_lavender .layui-table-tool,
.table_theme_lavender .layui-table-total,
.table_theme_lavender .layui-table-view,
.table_theme_lavender .layui-table[lay-skin=line],
.table_theme_lavender .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_lavender .layui-table-total tr,
.table_theme_lavender .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_lavender .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #F8F9FE;
}

.table_theme_lavender .layui-table-body .layui-table tbody tr:hover,
.table_theme_lavender .layui-table-body .layui-table .layui-table-hover {
	background-color: #EAECFF;
}

.table_theme_lavender .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_lavender .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_lavender .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_lavender .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_lavender .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_lavender .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格浅紫色色主题end -----------------------------------*/

/* ---------------------------------- 表格深紫色主题start -----------------------------------*/
.table_theme_deeplavender .layui-table thead tr,
.table_theme_deeplavender .layui-table-header,
.table_theme_deeplavender .layui-table-mend,
.table_theme_deeplavender .layui-table-patch,
.table_theme_deeplavender .layui-table-tool,
.table_theme_deeplavender .layui-table-total {
	background-color: #D398F5;
	color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_deeplavender .layui-table td,
.table_theme_deeplavender .layui-table th,
.table_theme_deeplavender .layui-table-col-set,
.table_theme_deeplavender .layui-table-fixed-r,
.table_theme_deeplavender .layui-table-grid-down,
.table_theme_deeplavender .layui-table-page,
.table_theme_deeplavender .layui-table-tips-main,
.table_theme_deeplavender .layui-table-tool,
.table_theme_deeplavender .layui-table-total,
.table_theme_deeplavender .layui-table-view,
.table_theme_deeplavender .layui-table[lay-skin=line],
.table_theme_deeplavender .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-total tr,
.table_theme_deeplavender .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FCF7FE;
}

.table_theme_deeplavender .layui-table-body .layui-table tbody tr:hover,
.table_theme_deeplavender .layui-table-body .layui-table .layui-table-hover {
	background-color: #F6EAFD;
}

.table_theme_deeplavender .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_deeplavender .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_deeplavender .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格深紫色色主题end -----------------------------------*/

/* ---------------------------------- 表格青橘色主题start -----------------------------------*/
.table_theme_greenorange .layui-table thead tr,
.table_theme_greenorange .layui-table-header,
.table_theme_greenorange .layui-table-mend,
.table_theme_greenorange .layui-table-patch,
.table_theme_greenorange .layui-table-tool,
.table_theme_greenorange .layui-table-total {
	background-color: #FFE8DD;
	color: #666666;
}

.table_theme_greenorange .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_greenorange .layui-table td,
.table_theme_greenorange .layui-table th,
.table_theme_greenorange .layui-table-col-set,
.table_theme_greenorange .layui-table-fixed-r,
.table_theme_greenorange .layui-table-grid-down,
.table_theme_greenorange .layui-table-page,
.table_theme_greenorange .layui-table-tips-main,
.table_theme_greenorange .layui-table-tool,
.table_theme_greenorange .layui-table-total,
.table_theme_greenorange .layui-table-view,
.table_theme_greenorange .layui-table[lay-skin=line],
.table_theme_greenorange .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-total tr,
.table_theme_greenorange .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FFF9F6;
}

.table_theme_greenorange .layui-table-body .layui-table tbody tr:hover,
.table_theme_greenorange .layui-table-body .layui-table .layui-table-hover {
	background-color: #FFF1EB;
}

.table_theme_greenorange .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_greenorange .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_greenorange .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格青橘色主题end -----------------------------------*/

/* ---------------------------------- 表格深橘色主题start -----------------------------------*/
.table_theme_deeplorange .layui-table thead tr,
.table_theme_deeplorange .layui-table-header,
.table_theme_deeplorange .layui-table-mend,
.table_theme_deeplorange .layui-table-patch,
.table_theme_deeplorange .layui-table-tool,
.table_theme_deeplorange .layui-table-total {
	background-color: #FBA57B;
	color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_deeplorange .layui-table td,
.table_theme_deeplorange .layui-table th,
.table_theme_deeplorange .layui-table-col-set,
.table_theme_deeplorange .layui-table-fixed-r,
.table_theme_deeplorange .layui-table-grid-down,
.table_theme_deeplorange .layui-table-page,
.table_theme_deeplorange .layui-table-tips-main,
.table_theme_deeplorange .layui-table-tool,
.table_theme_deeplorange .layui-table-total,
.table_theme_deeplorange .layui-table-view,
.table_theme_deeplorange .layui-table[lay-skin=line],
.table_theme_deeplorange .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-total tr,
.table_theme_deeplorange .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FEF8F4;
}

.table_theme_deeplorange .layui-table-body .layui-table tbody tr:hover,
.table_theme_deeplorange .layui-table-body .layui-table .layui-table-hover {
	background-color: #FEEBE2;
}

.table_theme_deeplorange .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_deeplorange .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_deeplorange .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格深橘色主题end -----------------------------------*/
/* ---------------------------------- 表格活力橘主题start -----------------------------------*/
.table_theme_vitalitylorange .layui-table thead tr,
.table_theme_vitalitylorange .layui-table-header,
.table_theme_vitalitylorange .layui-table-mend,
.table_theme_vitalitylorange .layui-table-patch,
.table_theme_vitalitylorange .layui-table-tool,
.table_theme_vitalitylorange .layui-table-total {
	background-color: #f47c1d;
	color: #FFFFFF;
}

.table_theme_vitalitylorange .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_vitalitylorange .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_vitalitylorange .layui-table td,
.table_theme_vitalitylorange .layui-table th,
.table_theme_vitalitylorange .layui-table-col-set,
.table_theme_vitalitylorange .layui-table-fixed-r,
.table_theme_vitalitylorange .layui-table-grid-down,
.table_theme_vitalitylorange .layui-table-page,
.table_theme_vitalitylorange .layui-table-tips-main,
.table_theme_vitalitylorange .layui-table-tool,
.table_theme_vitalitylorange .layui-table-total,
.table_theme_vitalitylorange .layui-table-view,
.table_theme_vitalitylorange .layui-table[lay-skin=line],
.table_theme_vitalitylorange .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_vitalitylorange .layui-table-total tr,
.table_theme_vitalitylorange .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_vitalitylorange .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FEF8F4;
}

.table_theme_vitalitylorange .layui-table-body .layui-table tbody tr:hover,
.table_theme_vitalitylorange .layui-table-body .layui-table .layui-table-hover {
	background-color: #FEEBE2;
}


.table_theme_vitalitylorange .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_vitalitylorange .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_vitalitylorange .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_vitalitylorange .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格活力橘主题end -----------------------------------*/
/* ---------------------------------- 表格深空黑主题start -----------------------------------*/
.table_theme_deepblack .layui-table thead tr,
.table_theme_deepblack .layui-table-header,
.table_theme_deepblack .layui-table-mend,
.table_theme_deepblack .layui-table-patch,
.table_theme_deepblack .layui-table-tool,
.table_theme_deepblack .layui-table-total {
	background-color: #46535f;
	color: #FFFFFF;
}

.table_theme_deepblack .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_deepblack .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_deepblack .layui-table td,
.table_theme_deepblack .layui-table th,
.table_theme_deepblack .layui-table-col-set,
.table_theme_deepblack .layui-table-fixed-r,
.table_theme_deepblack .layui-table-grid-down,
.table_theme_deepblack .layui-table-page,
.table_theme_deepblack .layui-table-tips-main,
.table_theme_deepblack .layui-table-tool,
.table_theme_deepblack .layui-table-total,
.table_theme_deepblack .layui-table-view,
.table_theme_deepblack .layui-table[lay-skin=line],
.table_theme_deepblack .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_deepblack .layui-table-total tr,
.table_theme_deepblack .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_deepblack .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_deepblack .layui-table-body .layui-table tbody tr:hover,
.table_theme_deepblack .layui-table-body .layui-table .layui-table-hover {
	background-color: #c7cbcF;
}



.table_theme_deepblack .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_deepblack .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_deepblack .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_deepblack .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格深空黑主题end -----------------------------------*/


/* ---------------------------------- 表格灰色主题start -----------------------------------*/
.table_theme_gray .layui-table thead tr,
.table_theme_gray .layui-table-header,
.table_theme_gray .layui-table-mend,
.table_theme_gray .layui-table-patch,
.table_theme_gray .layui-table-tool,
.table_theme_gray .layui-table-total {
	background-color: #ECECEC;
	color: #666666;
}

.table_theme_gray .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_gray .layui-table-header .layui-unselect {
	font-size: 14px !important;
	color: #333;
}

.table_theme_gray .layui-table td,
.table_theme_gray .layui-table th,
.table_theme_gray .layui-table-col-set,
.table_theme_gray .layui-table-fixed-r,
.table_theme_gray .layui-table-grid-down,
.table_theme_gray .layui-table-page,
.table_theme_gray .layui-table-tips-main,
.table_theme_gray .layui-table-tool,
.table_theme_gray .layui-table-total,
.table_theme_gray .layui-table-view,
.table_theme_gray .layui-table[lay-skin=line],
.table_theme_gray .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_gray .layui-table-total tr,
.table_theme_gray .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_gray .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #FAFAFA;
}

.table_theme_gray .layui-table-body .layui-table tbody tr:hover,
.table_theme_gray .layui-table-body .layui-table .layui-table-hover {
	background-color: #F2F2F2;
}

.table_theme_gray .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_gray .layui-table-sort .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_gray .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #FFFFFF;
}

.table_theme_gray .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #FFFFFF;
}

.table_theme_gray .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #FFFFFF
}

.table_theme_gray .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #FFFFFF
}

/* ------------------------------------ 表格灰色主题end -----------------------------------*/

/* ---------------------------------- 表格青绿主题start -----------------------------------*/
.table_theme_darkgreen .layui-table thead tr,
.table_theme_darkgreen .layui-table-header,
.table_theme_darkgreen .layui-table-mend,
.table_theme_darkgreen .layui-table-patch,
.table_theme_darkgreen .layui-table-tool,
.table_theme_darkgreen .layui-table-total {
	background-color: #39ADA2;
	color: #FFFFFF;
}

.table_theme_darkgreen .layui-table-header {
	border-color: #FFFFFF;
}

.table_theme_darkgreen .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_darkgreen .layui-table td,
.table_theme_darkgreen .layui-table th,
.table_theme_darkgreen .layui-table-col-set,
.table_theme_darkgreen .layui-table-fixed-r,
.table_theme_darkgreen .layui-table-grid-down,
.table_theme_darkgreen .layui-table-page,
.table_theme_darkgreen .layui-table-tips-main,
.table_theme_darkgreen .layui-table-tool,
.table_theme_darkgreen .layui-table-total,
.table_theme_darkgreen .layui-table-view,
.table_theme_darkgreen .layui-table[lay-skin=line],
.table_theme_darkgreen .layui-table[lay-skin=row] {
	border-color: #FFFFFF;
}

.table_theme_darkgreen .layui-table-total tr,
.table_theme_darkgreen .layui-table[lay-even] tr:nth-child(even) {
	background-color: #FFFFFF;
}

.table_theme_darkgreen .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #F1F9F8;
}

.table_theme_darkgreen .layui-table-body .layui-table tbody tr:hover,
.table_theme_darkgreen .layui-table-body .layui-table .layui-table-hover {
	background-color: #D6F5F2;
}

.table_theme_darkgreen .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #b2b2b2;
}

.table_theme_darkgreen .layui-table-sort .layui-table-sort-desc {
	border-top-color: #b2b2b2;
}

.table_theme_darkgreen .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #b2b2b2;
}

.table_theme_darkgreen .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #b2b2b2;
}

.table_theme_darkgreen .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #b2b2b2
}

.table_theme_darkgreen .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #b2b2b2
}

/* ------------------------------------ 表格青绿主题end -----------------------------------*/

/* ---------------------------------- 表格怀旧主题start -----------------------------------*/
.table_theme_lightink .layui-table thead tr,
.table_theme_lightink .layui-table-header,
.table_theme_lightink .layui-table-mend,
.table_theme_lightink .layui-table-patch,
.table_theme_lightink .layui-table-tool,
.table_theme_lightink .layui-table-total {
	background-color: #475A68;
	color: #FFFFFF;
}

.table_theme_lightink .layui-table-header {
	border-color: #31353B;
}

.table_theme_lightink .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_lightink .layui-table {
	color: #999999;
}

.table_theme_lightink .layui-table td,
.table_theme_lightink .layui-table th,
.table_theme_lightink .layui-table-col-set,
.table_theme_lightink .layui-table-fixed-r,
.table_theme_lightink .layui-table-grid-down,
.table_theme_lightink .layui-table-page,
.table_theme_lightink .layui-table-tips-main,
.table_theme_lightink .layui-table-tool,
.table_theme_lightink .layui-table-total,
.table_theme_lightink .layui-table-view,
.table_theme_lightink .layui-table[lay-skin=line],
.table_theme_lightink .layui-table[lay-skin=row] {
	border-color: #31353B;
}

.table_theme_lightink .layui-table-total tr,
.table_theme_lightink .layui-table[lay-even] tr:nth-child(even) {
	background-color: #31353B;
}

.table_theme_lightink .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #373B42;
}
.table_theme_lightink .layui-table-body .layui-table tbody tr:nth-child(odd) {
	background-color: #31353B;
}

.table_theme_lightink .layui-table-body .layui-table tbody tr:hover,
.table_theme_lightink .layui-table-body .layui-table .layui-table-hover {
	background-color: #444950;
}

.table_theme_lightink .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #31353B;
}

.table_theme_lightink .layui-table-sort .layui-table-sort-desc {
	border-top-color: #31353B;
}

.table_theme_lightink .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #31353B;
}

.table_theme_lightink .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #31353B;
}

.table_theme_lightink .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #31353B
}

.table_theme_lightink .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #31353B
}

/* ------------------------------------ 表格怀旧主题end -----------------------------------*/
/* ---------------------------------- 表格暗红主题start -----------------------------------*/
.table_theme_darkred .layui-table thead tr,
.table_theme_darkred .layui-table-header,
.table_theme_darkred .layui-table-mend,
.table_theme_darkred .layui-table-patch,
.table_theme_darkred .layui-table-tool,
.table_theme_darkred .layui-table-total {
	background-color: #b33a3a;
	color: #FFFFFF;
}

.table_theme_darkred .layui-table-header {
	border-color: #31353B;
}

.table_theme_darkred .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_darkred .layui-table {
	color: #ccc;
}

.table_theme_darkred .layui-table td,
.table_theme_darkred .layui-table th,
.table_theme_darkred .layui-table-col-set,
.table_theme_darkred .layui-table-fixed-r,
.table_theme_darkred .layui-table-grid-down,
.table_theme_darkred .layui-table-page,
.table_theme_darkred .layui-table-tips-main,
.table_theme_darkred .layui-table-tool,
.table_theme_darkred .layui-table-total,
.table_theme_darkred .layui-table-view,
.table_theme_darkred .layui-table[lay-skin=line],
.table_theme_darkred .layui-table[lay-skin=row] {
	border-color: #2e2024;
}

.table_theme_darkred .layui-table-total tr,
.table_theme_darkred .layui-table[lay-even] tr:nth-child(even) {
	background-color: #2e2024;
}

.table_theme_darkred .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #553737;
}
.table_theme_darkred .layui-table-body .layui-table tbody tr:nth-child(odd) {
	background-color: #2e2024;
}

.table_theme_darkred .layui-table-body .layui-table tbody tr:hover,
.table_theme_darkred .layui-table-body .layui-table .layui-table-hover {
	background-color: #7c4545;
}

.table_theme_darkred .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #2e2024;
}

.table_theme_darkred .layui-table-sort .layui-table-sort-desc {
	border-top-color: #2e2024;
}

.table_theme_darkred .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #2e2024;
}

.table_theme_darkred .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #2e2024;
}

.table_theme_darkred .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #2e2024
}

.table_theme_darkred .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #2e2024
}

/* ------------------------------------ 表格暗红主题end -----------------------------------*/

/* ---------------------------------- 表格复古主题start -----------------------------------*/
.table_theme_inkpurple .layui-table thead tr,
.table_theme_inkpurple .layui-table-header,
.table_theme_inkpurple .layui-table-mend,
.table_theme_inkpurple .layui-table-patch,
.table_theme_inkpurple .layui-table-tool,
.table_theme_inkpurple .layui-table-total {
	background-color: #48546E;
	color: #CCCCCC;
}

.table_theme_inkpurple .layui-table-header {
	border-color: #31353B;
}

.table_theme_inkpurple .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_inkpurple .layui-table {
	color: #999999;
}

.table_theme_inkpurple .layui-table td,
.table_theme_inkpurple .layui-table th,
.table_theme_inkpurple .layui-table-col-set,
.table_theme_inkpurple .layui-table-fixed-r,
.table_theme_inkpurple .layui-table-grid-down,
.table_theme_inkpurple .layui-table-page,
.table_theme_inkpurple .layui-table-tips-main,
.table_theme_inkpurple .layui-table-tool,
.table_theme_inkpurple .layui-table-total,
.table_theme_inkpurple .layui-table-view,
.table_theme_inkpurple .layui-table[lay-skin=line],
.table_theme_inkpurple .layui-table[lay-skin=row] {
	border-color: #273249;
}

.table_theme_inkpurple .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #2C374D;
}
.table_theme_inkpurple .layui-table-body .layui-table tbody tr:nth-child(odd) {
	background-color: #273249;
}

.table_theme_inkpurple .layui-table-body .layui-table tbody tr:hover,
.table_theme_inkpurple .layui-table-body .layui-table .layui-table-hover {
	background-color: #39455E;
}

.table_theme_inkpurple .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #273249;
}

.table_theme_inkpurple .layui-table-sort .layui-table-sort-desc {
	border-top-color: #273249;
}

.table_theme_inkpurple .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #273249;
}

.table_theme_inkpurple .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #273249;
}

.table_theme_inkpurple .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #273249
}

.table_theme_inkpurple .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #273249
}

/* ------------------------------------ 表格复古主题end -----------------------------------*/

/* ---------------------------------- 表格神秘主题start -----------------------------------*/
.table_theme_darkpurple .layui-table thead tr,
.table_theme_darkpurple .layui-table-header,
.table_theme_darkpurple .layui-table-mend,
.table_theme_darkpurple .layui-table-patch,
.table_theme_darkpurple .layui-table-tool,
.table_theme_darkpurple .layui-table-total {
	background-color: #3A447D;
	color: #CCCCCC;
}

.table_theme_darkpurple .layui-table-header {
	border-color: #232E5B;
}

.table_theme_darkpurple .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_darkpurple .layui-table {
	color: #999999;
}

.table_theme_darkpurple .layui-table td,
.table_theme_darkpurple .layui-table th,
.table_theme_darkpurple .layui-table-col-set,
.table_theme_darkpurple .layui-table-fixed-r,
.table_theme_darkpurple .layui-table-grid-down,
.table_theme_darkpurple .layui-table-page,
.table_theme_darkpurple .layui-table-tips-main,
.table_theme_darkpurple .layui-table-tool,
.table_theme_darkpurple .layui-table-total,
.table_theme_darkpurple .layui-table-view,
.table_theme_darkpurple .layui-table[lay-skin=line],
.table_theme_darkpurple .layui-table[lay-skin=row] {
	border-color: #232E5B;
}

.table_theme_darkpurple .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #293461;
}
.table_theme_darkpurple .layui-table-body .layui-table tbody tr:nth-child(odd) {
	background-color: #232E5B;
}

.table_theme_darkpurple .layui-table-body .layui-table tbody tr:hover,
.table_theme_darkpurple .layui-table-body .layui-table .layui-table-hover {
	background-color: #354170;
}

.table_theme_darkpurple .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #232E5B;
}

.table_theme_darkpurple .layui-table-sort .layui-table-sort-desc {
	border-top-color: #232E5B;
}

.table_theme_darkpurple .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #232E5B;
}

.table_theme_darkpurple .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #232E5B;
}

.table_theme_darkpurple .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #232E5B
}

.table_theme_darkpurple .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #232E5B
}

/* ------------------------------------ 表格神秘主题end -----------------------------------*/

/* ---------------------------------- 表格魅力主题start -----------------------------------*/
.table_theme_darkgrassgreen .layui-table thead tr,
.table_theme_darkgrassgreen .layui-table-header,
.table_theme_darkgrassgreen .layui-table-mend,
.table_theme_darkgrassgreen .layui-table-patch,
.table_theme_darkgrassgreen .layui-table-tool,
.table_theme_darkgrassgreen .layui-table-total {
	background-color: #01677B;
	color: #FFFFFF;
}

.table_theme_darkgrassgreen .layui-table-header {
	border-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_darkgrassgreen .layui-table {
	color: #CCCCCC;
}

.table_theme_darkgrassgreen .layui-table td,
.table_theme_darkgrassgreen .layui-table th,
.table_theme_darkgrassgreen .layui-table-col-set,
.table_theme_darkgrassgreen .layui-table-fixed-r,
.table_theme_darkgrassgreen .layui-table-grid-down,
.table_theme_darkgrassgreen .layui-table-page,
.table_theme_darkgrassgreen .layui-table-tips-main,
.table_theme_darkgrassgreen .layui-table-tool,
.table_theme_darkgrassgreen .layui-table-total,
.table_theme_darkgrassgreen .layui-table-view,
.table_theme_darkgrassgreen .layui-table[lay-skin=line],
.table_theme_darkgrassgreen .layui-table[lay-skin=row] {
	border-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: #061536;
}
.table_theme_darkgrassgreen .layui-table-body .layui-table tbody tr:nth-child(odd) {
	background-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-body .layui-table tbody tr:hover,
.table_theme_darkgrassgreen .layui-table-body .layui-table .layui-table-hover {
	background-color: #014E5D;
}

.table_theme_darkgrassgreen .layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-sort .layui-table-sort-desc {
	border-top-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	border-bottom-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	border-top-color: #061536;
}

.table_theme_darkgrassgreen .layui-table-sort .layui-table-sort-asc:hover {
	border-bottom-color: #061536
}

.table_theme_darkgrassgreen .layui-table-sort .layui-table-sort-desc:hover {
	border-top-color: #061536
}

/* ---------------------------------- 表格暗色主题start -----------------------------------*/
.table_theme_darkcolor .layui-table thead tr,
.table_theme_darkcolor .layui-table-header,
.table_theme_darkcolor .layui-table-mend,
.table_theme_darkcolor .layui-table-patch,
.table_theme_darkcolor .layui-table-tool,
.table_theme_darkcolor .layui-table-total {
    background: rgba(28, 65, 255, 0.08);
	color: #77CDFF;
}

.table_theme_darkcolor .layui-table-header {
	border: none;
}

.table_theme_darkcolor .layui-table-header .layui-unselect {
	font-weight: bold;
}

.table_theme_darkcolor .layui-table {
	color: #A0AEB9;
	background: transparent;
}

.table_theme_darkcolor .layui-table td,
.table_theme_darkcolor .layui-table th,
.table_theme_darkcolor .layui-table-col-set,
.table_theme_darkcolor .layui-table-fixed-r,
.table_theme_darkcolor .layui-table-grid-down,
.table_theme_darkcolor .layui-table-page,
.table_theme_darkcolor .layui-table-tips-main,
.table_theme_darkcolor .layui-table-tool,
.table_theme_darkcolor .layui-table-total,
.table_theme_darkcolor .layui-table-view,
.table_theme_darkcolor .layui-table[lay-skin=line],
.table_theme_darkcolor .layui-table[lay-skin=row] {
	border: none;
}
.table_theme_darkcolor .layui-table td{
	border-bottom: 1px solid ;
	border-color: rgba(255,255,255,0.12);
}

.table_theme_darkcolor .layui-table-body .layui-table tbody tr:nth-child(even) {
	background-color: transparent;
}
.table_theme_darkcolor .layui-table-body .layui-table tbody tr:nth-child(odd) {
	background-color: transparent;
}

.table_theme_darkcolor .layui-table-body .layui-table tbody tr:hover,
.table_theme_darkcolor .layui-table-body .layui-table .layui-table-hover {
	background-color: rgba(28, 65, 255, 0.08);
}

.table_theme_darkcolor .layui-table-sort .layui-table-sort-asc {
	background-color: #0B1E37;
}

.table_theme_darkcolor .layui-table-sort .layui-table-sort-desc {
	background-color: #0B1E37;
}

.table_theme_darkcolor .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
	background-color: #0B1E37;
}

.table_theme_darkcolor .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
	background-color: #0B1E37;
}

.table_theme_darkcolor .layui-table-sort .layui-table-sort-asc:hover {
	background-color: rgba(12,33,71,0.8);
	color: #fff;
}

.table_theme_darkcolor .layui-table-sort .layui-table-sort-desc:hover {
	background-color: rgba(12,33,71,0.8);
	color: #fff;
}

/* ------------------------------------ 表格魅力主题end -----------------------------------*/
/* ---------------------------------- 深底白色start -----------------------------------*/

/* ------------------------------------ 深底白色end -----------------------------------*/
/* ++++++++++++++++++++++++++++++++++++++ 主题风格end ++++++++++++++++++++++++++++++++++++++*/

/* ============================================================ End Visual Manage portlet  ============================================================== */
/* ============================================================  SimpleDataReportDesigner  ============================================================== */

.pageContainermodel {
	position: relative;
    padding-right: 30px;
    display: inline-block;
    height: 60px;
    width: calc(100% - 74px);
    vertical-align: middle;
    line-height: 60px;
    box-sizing: border-box;
}
.droptext {
	position: absolute;
    top: 0;
    left: 0;
    color: rgb(153, 153, 153);    
	height: 100%;
    width: 100%;
    line-height: 60px;
    text-align: center;
}
.model-contorl-border {
	padding: 4px;
    border: 1px dashed #ccc;
    margin-top: 4px
}
.model-contorl-border .model-contorl-body {
	background-color: #fcfcfc;
    box-shadow: 0 0 1px 1px #ccc;
}
.pageContainermodel .bindarea-dargitem-box {
	height: 100%;
	border: none;
	overflow: hidden;
	overflow-x: auto;
    white-space: nowrap;
}
.pageContainermodel .bindarea-dargitem-box li {
	border: none;
}
.pageContainermodel .bindarea-dargitem-box li span{
	width: 70px;
}
.pageContainermodel .bindarea-dargitem {
	width: 100px;
    font-size: 12px;
    color: #666;
    display: inline-block;
    cursor: pointer;
}
.pageContainermodel .pink{
	background-color: #ebf7f6;
}
.pageContainermodel .blue{
	background-color:#edf1f9;
}
.droplabel {
    padding-left: 16px;
	display: inline-block;
    line-height: 60px;
    vertical-align: middle;
}
.seltable .layui-table-header {
	background-color: #fff;
}
.seltable .layui-table-view {
	margin: 0;
}
.seltable .layui-table-view, .simpleDataDesignerManage .seltable .layui-table-view td {
	border-color: #fff;
}
/* 翡翠绿主题 */
.seltable.table_theme_darkgreen .layui-table-sort .layui-table-sort-desc{
	border-top-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
}
.seltable.table_theme_darkgreen .layui-table-sort .layui-table-sort-asc{
	border-top-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
}
/* 天空蓝主题 */
.seltable.table_theme_mazarine .layui-table-sort .layui-table-sort-asc{
	border-top-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
}
.seltable.table_theme_mazarine .layui-table-sort .layui-table-sort-desc{
	border-top-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
}
.seltable.table_theme_mazarine .layui-table thead tr,
.seltable.table_theme_mazarine .layui-table-mend,
.seltable.table_theme_mazarine .layui-table-patch,
.seltable.table_theme_mazarine .layui-table-tool,
.seltable.table_theme_mazarine .layui-table-total {
	background-color: #61A7E8;
	color: #fff;
}
.seltable.table_theme_mazarine .layui-table-body .layui-table tbody tr:hover,
.seltable.table_theme_mazarine .layui-table-body .layui-table .layui-table-hover {
	background-color: #EDF6FF;
}

/* 青绿色主题 */
.seltable.table_theme_darkgreen .layui-table thead tr,
.seltable.table_theme_darkgreen .layui-table-mend,
.seltable.table_theme_darkgreen .layui-table-patch,
.seltable.table_theme_darkgreen .layui-table-tool,
.seltable.table_theme_darkgreen .layui-table-total {
	background-color: #39ADA2;
	color: #FFFFFF;
}
.seltable.table_theme_darkgreen .layui-table-body .layui-table tbody tr:hover,
.seltable.table_theme_darkgreen .layui-table-body .layui-table .layui-table-hover {
	background-color: #D6F5F2;
}
/* ============================================================ End SimpleDataReportDesigner  =========================================================== */
/* ================================================================== ********** ======================================================================== */
body .layui-btn-cardTop {
	color: #4785e6;
	border: 1px solid #4785e6;
	background: #fff;
}

body .layui-btn-cardTop:hover {
	color: #fff;
	background: #4785e6
}

body .layui-btn-cardTop i {
	font-size: 16px !important;
	margin-right: 3px;
	position: relative;
	top: -1px;
	float: left;
}

.authorityTable {
	position: relative;
}

.authorityTable .content {
	width: calc(100% - 30px);
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	cursor: pointer;
}

.formbody .pageuser-item {
	position: relative;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	cursor: pointer;
}

.pageuser-item span {
	position: absolute;
	right: 15px;
	width: 30px;
	top: 5px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	color: #4785e6;
	cursor: pointer;
}
.formbody .pageuser-item:hover,
.authorityTable .content:hover {
	background-color: #eef1fc;
}
.layui-margin {
	/* margin-top: 20px; */
	/* 将首页管理里面的按钮向上提 */
	margin-top: -50px
}

.PictureUpload {
	width: 180px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 35px;
	border: 1px solid #eee;
	padding-left: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
}
.upload-tips {
	position: absolute;
	top: 36px;
	left: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 1.4;
}
.upload-file input {
	opacity: 0;
	position: absolute;
	top: 36px;
	right: 0px;
	height: 40px;
	width: 100px;
	z-index: 99;
	cursor: pointer;
}

.upload-files input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0px;
	height: 40px;
	width: 195px;
	z-index: 99;
	cursor: pointer;
}

.pics {
	width: 219px;
}

.upload-file {
	position: relative;
}

.again {
	width: 100px;
	text-align: left
}

#topup {
	z-index: 99;
}

.box {
	width: 100%;
	height: 100%;
}

.main {
	width: 100%;
	height: 100%;
	background: #fff;
	;
	display: flex;
}

.left {
	flex: 1.5;
	padding: 10px 0 0 50px;
}

.left .lefTop {
	width: 100%;
	display: flex
}

.left .lefTop>div {
	font-size: 14px;
	margin: 10px 80px;
	width: 200px;
	height: 80px;
	text-align: center;
	border-radius: 5px;
	position: relative;
	padding: 0 0px;
	cursor: pointer;
}

.left .lefTop>div:nth-child(1) {
	background: #CEA872
}

.left .lefTop>div:nth-child(2) {
	background: #F29B76
}

.left .lefTop>div:nth-child(3) {
	background: #ACD598
}

.left .lefCen {
	margin-bottom: 30px;
}

.left .lefBot {
	border-top: 1px solid #e5e5e5;
}

.hr01 {
	display: none;
	width: 680;
	background: #e5e5e5;
}

.left .lefCen,
.left .lefBot {
	width: 1080px;
	height: 300px;
	padding: 10px;
}

.left .lefCen span,
.left .lefBot span {
	width: 5px;
	height: 20px;
	background: #4785E6;
	position: absolute;
	left: 0;
	top: 5px;
}

.left .lefCen h3,
.left .lefBot h3 {
	position: relative;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
}

.left .lefCen .Broken,
.left .lefBot .Column {
	z-index: 99;
	height: 300px;
	width: 100%;
}

.right {
	flex: 1;
	padding: 10px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center
}

.right .rigTop {
	width: 500px;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	z-index: 99;
	margin: 20px 20px 20px 0;
}

.right .rigCen {
	display: flex;
}

.right .rigCen .calendar {
	width: 450px;
	height: 330px;
	background: #fff;
	border: 1px solid #e5e5e5;
	text-align: center
}

.right .rigCen .calendar button {
	border: 0;
	outline: 0;
	background: #fff;
	cursor: pointer;
	width: 40px;
	height: 40px;
	font-size: 0;
	line-height: 40px;
	color: transparent
}

.right .rigCen .calendar button i {
	color: #000
}

.right .rigCen .calendar button:hover {
	background: #ccc;
}

.right .rigCen .calendar ul {
	width: 400px;
	height: 40px;
	margin: 0px auto;
}

.right .rigCen .calendar ol {
	width: 400px;
	height: 240px;
	margin: 0px auto
}

.right .rigCen .calendar ul li,
.right .rigCen .calendar ol li {
	width: 55px;
	height: 40px;
	text-align: center;
	float: left;
	line-height: 40px;
	font-size: 14px;
}

.right .rigCen .calendar .yearTit {
	width: 500px;
	height: 40px;
	line-height: 40px;
}

.right .rigCen .calendar .yearTit p {
	display: inline-block;
	padding: 0 20px;
	font-size: 18px;
}

.right .rigCen .calendar .bg1 {
	color: #ccc;
}

.right .rigCen .calendar .bg {
	background-color: #4785E6;
	color: #fff
}

.right .rigBot {
	margin-top: 20px;
	width: 450px;
	height: 300px;
	background: #fff;
	border: 1px solid #e5e5e5
}

.rigBot .rbTit {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
}

.rigBot .rbTit span {
	width: 5px;
	height: 20px;
	background: #4785E6;
	position: absolute;
	left: 0;
	top: 5px;
}

.rigBot .rbList {
	overflow: auto;
	width: 100%;
	height: 260px;
	margin-top: 15px;
}

.rigBot .rbList div {
	width: 100%;
	border-bottom: 1px solid #f8f8f8;
	position: relative;
	cursor: pointer;
}

.rigBot .rbList div span:first-child {
	width: 250px;
	overflow: hidden;
	line-height: 40px;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rigBot .rbList div span:last-child {
	width: 90px;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	line-height: 40px;
}

.rigBot .rbList div:hover span:first-child {
	color: #4785E6;
}

.ttit {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.lefTop .ttit div {
	line-height: 30px;
}

.lefTop .ttit div:first-child {
	float: left;
	flex: 1.5;
}

.lefTop .ttit div:last-child {
	color: #fff
}

.lefTop .ttit div img {
	width: 50px;
	height: 50px;
}

.lefTop .ttit div:last-child {
	flex: 2
}

.lefTop .ttit .task-chin {
	font-size: 18px;
}

.ReUpload {
	position: absolute;
	right: 4px;
    top: 5px;
    width: 68px;
    height: 28px;
    background: #4785e6;
    color: #fff;
    border: 0;
    outline: 0;
    cursor: pointer;
    line-height: 28px;
    text-align: center;

}

.Notice {
	padding: 15px;
	position: relative;
}

.Notice .Notice-title {
	border-bottom: 1px solid #ccc
}

.Notice .Notice-title h2 {
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}

.Notice .Notice-cont {
	height: 200px;
	overflow: auto;
	margin-top: 45px;
}

.Notice .notcon {
	height: 240px;
}

.Notice .Notice-cont span {
	text-indent: 2em;
	padding: 15px;
}

.Notice .Notice-date {
	position: absolute;
	right: 20px;
	top: 70px;

}

.Notice .Notice-file {
	padding: 15px;
	position: relative;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #ccc
}

.Notice .Notice-file span:first-child {
	position: absolute;
	right: 110px;
	top: 10px;
}

.Notice .Notice-file .DownloadAtt {
	position: absolute;
	right: 20px;
	top: 10px;
	width: 75px;
	background: #4785E6;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
}

#iframes {
	width: 100px;
	height: 50px;
	display: none;
}

.popBox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.popBox>.popMask {
	width: 650px;
	height: 480px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.popBox>.popMask>.close-e {
	width: 100%;
	height: 45px;
	background: #4785E6;
	line-height: 45px;
}

.popBox>.popMask>.close-e>a {
	color: #fff;
	position: absolute;
	right: 20px;
}

.popBox>.popMask>.contents {
	width: 100%;
	clear: both;
	height: 380px;
}

.popBox>.popMask>.bottoms {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.popBox>.popMask>.bottoms>div {
	width: 80px;
	height: 40px;
	background: #4785E6;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}

.table-box tbody {
	overflow: auto !important;
	/* height: 400px; */  
}

.table-hhhhh {
	/* height: 500px !important; */
	/* 加高首页管理的表格 */
	height: 625px !important;
}

.table-hhhhh .layui-table-main {
	height: 560px !important
}

.table-hhhhh .layui-form {
	height: 604px !important
}

/* 标题前竖条样式 */
.TitleVertical {
	position: relative;
	padding-left: 10px;
}

.TitleVertical .vertical {
	width: 5px;
	height: 20px;
	background: #4785e6;
	position: absolute;
	top: 10px;
	left: 0;
}

/* 表格划过样式 */
body .layui-body .layui-table-hover {
	background: #e1e1e1;
}

body .layui-body .layui-table .layui-table-click {
	background: #e6e7ed
}

/*左侧滚动条样式*/
.layui-nav-treebox .ps__rail-y {
	right: 0
}

.layui-nav-treebox .ps__rail-x {
	bottom: 0
}

.ps__rail-y {
	right: 0
}

.ps__rail-x {
	bottom: 0
}

/* ============================================================ reportFormList  Start ======================================================================= */
.formatCellTemp ul li {
	font-size: 12px;
	line-height: 20px;
	text-indent: 1em;
	cursor: pointer;
	margin-bottom: 3px;
}

.formatCellTemp ul li:nth-of-type(2n+1) {
	background-color: #f2f2f2;
}

.formatCellTemp ul li.active {
	color: #fff;
	background-color: #4785e6;
}
.formulaItem {
	padding-left:10px;
	box-sizing:border-box;
	cursor:pointer;
}
.formulaItem.active, .formulaItem:hover {
	background: #4785e6;
	color: #fff;
}
.rightlist {
	width: 100%;
	padding: 0;
	border: 0
}
.seltree-box {
	position: absolute;
	top: 0;
    left: 0;
	right: 0;
	bottom: 0;
	user-select:none;
	z-index: 19891000;
}
.seltree {
    width: 250px;
    height: 330px;
    position: absolute;
	top: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
}
.seltree.seltree-long {
	height: 500px;
}
.seltree-box .btns, .wd-list-control .btns{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 38px;
	width: 100%;
	text-align: right;
	line-height: 38px;
	border-top: 1px solid #e2e2e2;
}
.seltree-box .btns button, .wd-list-control .btns button{
	width: 44px;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size: 12px;
}
.seltree-box .moveItem_resize, .wd-list-control .moveItem_resize {
	position: absolute;
    right: -5px;
    bottom: -5px;
    height: 20px;
    width: 20px;
	cursor: se-resize;
}
.dialog-tree-box {
	width: 250px;
	height: 300px;
}
.seltree-box .dialog-tree-box {
	width: 100%;
	height: calc(100% - 15px);
}

.dialog-tree-box .tree-box {
	top: 30px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.dialog-tree-box .ztree-box {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
}
.seltree-box .dialog-tree-box .ztree-box {
	overflow: hidden;
}
.wd-list-control .ztree-box {
	overflow: auto;
}
.box-report, .box-report1 {
	background-color: #fff;
}
.box-report .report-tab {
	height: calc(100% - 43px);
	box-sizing: border-box;
}

.box-report .hsd-box {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.personDetail {
    color: #379ffe
}

.personDetail:hover {
    color: #379ffe;
    text-decoration: underline
}
.config-item-box .layui-tab {
	margin: 0;
}

.config-item-box .layui-tab-title {
	height: 30px;
}

.config-item-box .layui-tab-title li {
	padding: 0 10px;
	line-height: 30px;
}

.config-item-box .layui-tab-title .layui-this::after {
	height: 31px;
}
.ctxMenu.layui-form-select a {
	padding: 0 10px;
	line-height: 36px;
}
.ctxMenu.layui-form-select .ctxMenu-item.layui-this > a,
.ctxMenu.layui-form-select .ctxMenu-item>a:hover {
	background-color: #eef1fc;
}
.config-item-box .layui-tab-content {
	padding: 0;
}

.itemName-box {
	position: relative;
}

.itemName-box::after {
	display: inline-block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -3px;
	content: "";
	width: 0;
	height: 0;
	cursor: pointer;
	border-width: 6px;
	border-style: dashed;
	border-color: transparent;
	border-top-color: #c2c2c2;
	border-top-style: solid;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.layui-formrelease-tab {
	margin: 0;
}
.layui-formrelease-tab .layui-tab-title {
	padding-left: 20px;
	height: 30px;
}
.layui-formrelease-tab .layui-tab-title li {
	line-height: 30px;
	font-size: 13px;
}
.layui-formrelease-tab .layui-tab-title li.layui-this:after {
	height: 31px;
}
.layui-formrelease-tab .layui-form-radio {
	margin: 0 10px 10px 0;
	padding-left: 10px;
	width: 23%;
	box-sizing: border-box;
}
.layui-form.releaseReport .layui-form-inline {
	width: 220px;
}
.layui-formrelease-tab .search-box {
	margin-top:10px;
	padding: 0 15px;
	border: none;
}
.layui-formrelease-tab .search-box .layui-input {
	border-radius: 15px;
	background-color: #FAFAFA;
	border:1px solid #E4E4E4 !important;
}
.layui-formrelease-tab .tree-box {
	top: 75px;
	left: 0;
	right: 0;
	bottom: 5px;
}
.layui-releaseform-row {
	position: relative;
	height: 394px;
	border: 1px solid #ddd;
}
.layui-releaseform-row .layui-row-left,
.layui-releaseform-row .layui-row-center,
.layui-releaseform-row .layui-row-right {
	position: absolute;
	top: 0;
	bottom: 0;
}
.layui-releaseform-row .layui-row-left {
	left: 0;
	width: 219px;
	border-right: 1px solid #ddd;
}
.layui-releaseform-row .layui-row-center {
	left: 220px;
	width: 219px;
	border-right: 1px solid #ddd;
}
.layui-releaseform-row .layui-row-right {
	left: 440px;
	right: 0;
}
.layui-releaseform-row .layui-row-items-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.layui-releaseform-row .layui-row-title {
	position: relative;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	color: #333;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.layui-releaseform-row .layui-row-title .iconfont {
	position: absolute;
	top: 0;
	left: 7px;
	color: #FF9C2E;
}
.layui-releaseform-row .layui-row-left .layui-row-title .iconfont {
	padding-right: 5px;
	border-right: 1px solid #ddd;
}
.layui-releaseform-row .layui-row-left .layui-input {
	height: 28px;
	width: calc(100% - 1px);
	border: 0;
}

.itemsTable-box .layui-table-view {
	margin: 0;
	border: 0;
}
.itemsTable-box .layui-table-view .layui-table-header {
	border: 0;
}
.itemsTable-box .layui-table-view .layui-table-header .layui-table {
	color: #333;
}
.itemsTable-box .layui-table-view .layui-table-header, .itemsTable-box .layui-table thead tr {
	background-color: #fff;
}
.itemsTable-box .layui-table-cell {
	height: 20px;
	line-height: 20px;
}
.layui-allreadwrite-form {
	position: absolute;
	top: 0;
	right: -11px;
	z-index: 1;
}
.layui-allreadwrite-form .layui-form-checkbox {
	padding-left: 22px;
}
.layui-allreadwrite-form .layui-form-checkbox span {
	padding-right: 20px;
}

.layui-row-users-box {
	position: relative;
	height: 100%;
}
#LAY-assignedUsers-tree .eleTree-node-content-diydom {
	color: #ccc;
}
#LAY-assignedUsers-tree .eleTree-node-content-diydom.layui-this {
	color: #eef1fc;
}
.formList-body .layui-card, .formDesigner-body .layui-card {
	position: relative;
	height: 100%;
	font-size: 13px;
	box-sizing: border-box;
	box-shadow: none;
}
.formList-body .layui-card .left-card, .formDesigner-body .layui-card .left-card {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 200px;
	padding-top: 15px;
	overflow-x: hidden;
	border-right: 2px solid #4785e6;
}
.formList-body .layui-card .layui-nav-treebody-model, .formDesigner-body .layui-card .layui-nav-treebody-model {
	padding: 0 5px;
	height: 69px;
	border-bottom: 1px solid #eee;
}
.formList-body .layui-card .layui-nav-treebody-title, .formDesigner-body .layui-card .layui-nav-treebody-title {
	padding: 0;
	background-color: transparent;
	border-color: transparent;
	color: #333;
	box-shadow: none;
}
.formList-body .layui-card .layui-model-treebox, .formDesigner-body .layui-card .layui-model-treebox {
	top: 30px;
	padding: 0 10px 10px;
	overflow: hidden;
}
.formList-body .layui-card .layui-model-treeinput, .formDesigner-body .layui-card .layui-model-treeinput {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
}
.formList-body .layui-card .layui-model-treeinput .layui-icon, .formDesigner-body .layui-card .layui-model-treeinput .layui-icon {
	font-size: 14px;
}
.formList-body .layui-card .layui-nav-treebox-area, .formDesigner-body .layui-card .layui-nav-treebox-area {
	padding: 0;
	height: 100%;
}
.formList-body .layui-side-treebox, .formDesigner-body .layui-side-treebox {
	position: static;
	overflow: height;
}
.formList-body .layui-side-treebox .layui-mylayui1-tree, .formDesigner-body .layui-side-treebox .layui-mylayui1-tree {
	position: static;
}
.formList-body .layui-card .right-card, .formDesigner-body .layui-card .right-card {
	padding-left: 212px;
	height: 100%;
	border-bottom: 1px solid #ccc;
}
.formList-body .layui-card .right-card .layui-tab-title, .formDesigner-body .layui-card .right-card .layui-tab-title {
	height: 29px;
}
.formList-body .layui-card .right-card .layui-tab-title li, .formDesigner-body .layui-card .right-card .layui-tab-title li {
	line-height: 30px;
	font-size: 12px;
}
.formList-body .layui-card .right-card .layui-tab-title li:after, .formDesigner-body .layui-card .right-card .layui-tab-title li:after {
	height: 30px;
}
.formList-body .layui-layer-content .customDatasourceForm .layui-form-item.layui-form-item-sm, .formDesigner-body .layui-layer-content .customDatasourceForm .layui-form-item.layui-form-item-sm {
	padding-right: 0;
}
.formList-body .expressions-card, .formList-body .orders-card,
.formDesigner-body .expressions-card, .formDesigner-body .orders-card {
	position: relative;
}
.formList-body .expressions-card-body, .formDesigner-body .expressions-card-body {
	width: 370px;
	height: 260px;
	border: 1px solid #e6e6e6;
}
.formList-body .orders-card-body, .formDesigner-body .orders-card-body {
	width: 370px;
	height: 340px;
	border: 1px solid #e6e6e6;
}
.formList-body .expressions-card-body .btns-box, .formList-body .orders-card-body .btns-box,
.formDesigner-body .expressions-card-body .btns-box, .formDesigner-body .orders-card-body .btns-box {
	text-align: right;
}
.formList-body .expressions-card-body .expression-btn, .formList-body .orders-card-body .order-btn,
.formDesigner-body .expressions-card-body .expression-btn, .formDesigner-body .orders-card-body .order-btn {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 2px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}
.formList-body .expressions-list-box, .formList-body .orders-list-box,
.formDesigner-body .expressions-list-box, .formDesigner-body .orders-list-box {
	height: calc(100% - 25px);
	width: 370px;
	overflow: hidden;
}
.formList-body .expressions-list-box .expressions-list-box-scroll, .formList-body .orders-list-box .orders-list-box-scroll,
.formDesigner-body .expressions-list-box .expressions-list-box-scroll, .formDesigner-body .orders-list-box .orders-list-box-scroll {
	position: relative;
	width: 390px;
	height: 100%;
	overflow-x: hidden;
}
.formList-body .expressions-list-box ul, .formList-body .orders-list-box ul,
.formDesigner-body .expressions-list-box ul, .formDesigner-body .orders-list-box ul {
	width: 370px;
}
.formList-body .expressions-list-box ul li, .formList-body .orders-list-box ul li,
.formDesigner-body .expressions-list-box ul li, .formDesigner-body .orders-list-box ul li {
	position: relative;
	padding: 5px 10px;
	cursor: pointer;
}
.formList-body .orders-list-box ul li .iconfont,
.formDesigner-body .orders-list-box ul li .iconfont {
	position: absolute;
	right: 10px;
}
.formList-body .expressions-list-box ul li:hover,
.formList-body .expressions-list-box ul li.active,
.formList-body .orders-list-box ul li:hover,
.formList-body .orders-list-box ul li.active,
.formDesigner-body .expressions-list-box ul li:hover,
.formDesigner-body .expressions-list-box ul li.active,
.formDesigner-body .orders-list-box ul li:hover,
.formDesigner-body .orders-list-box ul li.active {
	background-color: #f3f3f3;
}
.formList-body .expressions-card-body .expression-btn:hover,
.formList-body .orders-card-body .order-btn:hover,
.formDesigner-body .expressions-card-body .expression-btn:hover,
.formDesigner-body .orders-card-body .order-btn:hover {
	background-color: #ccc;
}
.formList-body .expressions-card-body .expression-btn .iconfont,
.formList-body .orders-card-body .order-btn .iconfont,
.formDesigner-body .expressions-card-body .expression-btn .iconfont,
.formDesigner-body .orders-card-body .order-btn .iconfont {
	margin-right: 0;
}
.formList-body .expressions-card-side,
.formList-body .orders-card-side,
.formDesigner-body .expressions-card-side,
.formDesigner-body .orders-card-side {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
}
.formList-body .expressions-card-side .layui-btn,
.formList-body .orders-card-side .layui-btn,
.formDesigner-body .expressions-card-side .layui-btn,
.formDesigner-body .orders-card-side .layui-btn {
	width: 75px;
	font-size: 12px;
	padding: 0;
	text-align: center;
	background-color: #e6e6e6;
}
.formList-body .expressions-card-side .layui-btn+.layui-btn,
.formList-body .orders-card-side .layui-btn+.layui-btn,
.formDesigner-body .expressions-card-side .layui-btn+.layui-btn,
.formDesigner-body .orders-card-side .layui-btn+.layui-btn {
	margin-top: 10px;
	margin-left: 0;
}
.formList-body .expressions-card-side .layui-btn .iconfont,
.formList-body .orders-card-side .layui-btn .iconfont,
.formDesigner-body .expressions-card-side .layui-btn .iconfont,
.formDesigner-body .orders-card-side .layui-btn .iconfont {
	font-size: 12px;
}
.formList-body .layui-layer-admin .layui-input
.formList-body .layui-layer-admin .layui-input {
	height: 30px;
}
.formList-body .layui-layer-admin .formula-query {
	padding: 0 22px;
	height: 30px;
	line-height: 30px;
}
.formList-body .cellProperties .layui-form-mid {
	padding: 4px 0!important;
}
.formList-body .cellProperties .layui-form-label {
	padding: 4px 15px;
}
.formList-body .cellProperties .layui-form-switch {
	margin-top: 0;
}
.formList-body .delplan-btn, .nextPlanName-box .delplan-btn {
	display: none;
}
.formList-body .nextPlanName-box:hover .delplan-btn, .nextPlanName-box:hover .delplan-btn {
	display: block;
}
/* ================================================================== reportFormList End ======================================================================== */
/* ================================================================== setVerify  ======================================================================== */
.btn-box {
	padding-bottom: 10px;
	text-align: right;
}

.btn-topbar {
	margin: 0 10px;
	padding: 5px 8px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-color: #e2e2e2;
	font-size: 0.75rem;
	line-height: 1;
	vertical-align: middle;
}

.btn-topbar:hover,
.btn-topbar:active,
.btn-topbar.active {
	color: #fff;
	background-color: #2f353e;
	border-color: #2f353e;
}

.btn-topbar>i {
	margin-right: 4px;
}

#setVerify .ztree {
	padding: 0;
}

#setVerify .form-box {
	height: calc(100% - 40px);
	border: 0;
	border-top: 1px solid #eee;
}

#setVerify .ztree li {
	border-bottom: 1px solid #eee;
}

#setVerify .ztree li .index {
	padding-right: 20px;
}

#setVerify .fun-item {
	padding: 5px 10px;
	cursor: pointer;
}

#setVerify .fun-item:hover,
#setVerify .fun-item:active,
#setVerify .fun-item.active {
	background-color: #eef9ff;
	color: #2f353e;
}

/* ================================================================== setVerify End ===================================================================== */
/* ================================================================== formulaEditForm Start ============================================================= */
.formulaEditForm {
	padding: 15px;
}

.visualManage-body .formulaEditForm textarea.layui-input,
.layui-layout-body .formulaEditForm textarea.layui-input {
	padding: 10px;
	height: 75px;
	resize: none;
}

.formulaEditForm .itemlist-block {
	height: 300px;
}

.formulaEditForm .d-table {
	height: 100%;
}

.formulaEditForm .d-table-cell {
	position: relative;
	width: 50%;
	vertical-align: top;
}

.formulaEditForm .d-table-cell:first-child {
	padding-right: 15px;
}

.formulaEditForm .d-table-cell>.layui-input-inline {
	width: 100%;
}

.formulaEditForm .itemlist-box {
	position: relative;
	height: 100%;
	border: 1px solid #eee;
}
.formulaEditForm .itemlist-box .treebox-scroll {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.formulaEditForm .fun-list-box {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 50px;
	border: 1px solid #eee;
}

.formulaEditForm .fun-item {
	padding: 5px 10px;
    border-bottom: 1px solid #fff;
	line-height: 18px;
	cursor: pointer;
}

.formulaEditForm .fun-item:hover,
.formulaEditForm .fun-item:active,
.formulaEditForm .fun-item.active {
	background-color: #eef9ff;
	color: #2f353e;
}

/* ================================================================== formulaEditForm End ================================================================ */

/* ================================================================== setAutoCoding ====================================================================== */
#setAutoCoding .dividing {
	position: relative;
	padding: 0 10px 15px 10px;
}

#setAutoCoding .dividing .txt {
	display: inline-block;
}

#setAutoCoding .dividing .line {
	position: absolute;
	right: 20px;
	top: 11px;
	left: 40px;
	height: 2px;
	border-top: 1px solid #ddd;
}

#setAutoCoding .short-form {
	width: 50px;
	min-width: 50px;
	margin-right: 0;
}

#setAutoCoding .form-control-listbox {
	vertical-align: top;
}

#setAutoCoding .date-listbox {
	height: 120px;
	width: 180px;
	padding: 5px;
	border: 1px solid #eeeeee;
}

#setAutoCoding .director-listbox {
	height: 285px;
	border: 1px solid #eee;
}

#setAutoCoding .date-item {
	display: inline-block;
	padding: 0 5px;
	width: 80px;
	line-height: 25px;
	cursor: pointer;
}

#setAutoCoding .date-item:hover,
#setAutoCoding .date-item:active,
#setAutoCoding .date-item.active {
	background-color: #eef9ff;
	color: #2f353e;
}

#setAutoCoding ul,
#setAutoCoding li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 24px;
}

#setAutoCoding li {
	padding: 2px 8px;
}

#setAutoCoding .director-lable {
	position: relative;
}

#setAutoCoding .subscript {
	position: absolute;
	left: 42px;
	top: 28px;
	padding-right: 11px;
}

/* ================================================================== setAutoCoding End ========================================================================= */
/* ================================================================== assocateWrap start ========================================================================= */
.assocateWrap {
	padding: 20px 25px;
}
.assocateWrap .setFormAssociationForm .layui-form-label {
	padding: 4px 15px 4px 0;
}
.assocateWrap .assocate-box {
	border-top: 1px dotted #999;
}

.assocate-box .btns-box {
	padding: 5px;
	text-align: right;
}
.assocate-box .btns-box .iconfont {
	height: 24px;
	width: 24px;
	line-height: 24px;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}
.assocate-box .btns-box .iconfont:hover {
	background-color: #eaeaea;
	border-color: #d9d9d9;
}
.assocatesForm .layui-form-item {
	margin-bottom: 5px;
}
.assocatesForm .layui-form-item .layui-form-checkbox {
	margin-top: 0;
}
.assocatesForm .layui-form-item .layui-input-inline {
	width: 265px;
}
.assocatesForm .layui-form-item.layui-header-item .layui-input-inline {
	color: #333;
	text-align: center;
	line-height: 28px;
}
.assocatesForm .layui-body-item {
	position: relative;
	height: 315px;
}
/* ================================================================== assocateWrap End =========================================================================== */

/* ================================================================== TaskApply  ================================================================================ */
.box-report .taskApply-tab, .box-report .reportQueryList-tab, .box-report .taskDeal-tab, .box-report1 .reportQueryList-tab, .box-report2 .taskApply-tab2 {
	height: calc(100% - 43px);
	box-sizing: border-box;
}

.show-report-table .select-btn-box,
.show-report-form .hsd-btn-box {
	display: none;
}
.errTableBox .layui-table-view {
	margin: 0;
}
.errTableBox .layui-table-view th, .errTableBox .layui-table-view td {
	font-size: 12px;
}
.layui-taskapply-assigned-row.layui-releaseform-row .layui-row-left {
	left: 0;
	width: 210px;
	border-right: 0;
}
.layui-taskapply-assigned-row.layui-releaseform-row .layui-row-center {
	left: 210px;
	right: 0;
	width: auto;
	border-right: 0;
	border-left: 1px solid #ddd;
}
/* ================================================================== TaskApply End ================================================================================ */
/* ================================================================== transferTask Start ============================================================================= */
.treeOnWrap .IndexDirectory::before {
	top: 0px;
	left: 3px;
}
.wrap {
	display: none;
	position: absolute;
	top: 52px;
	right: 218px;
}

.wrap #menu>li {
	float: left;
	width: 85px;
	height: 30px;
	border: 1px solid #39ADA2;
	border-radius: 2px;
	margin-right: 15px;
	text-align: center;
	line-height: 30px;
}

.wrap #menu>li>a {
	color: #39ADA2;
}

.wrap .write {
	height: 7px;
}

.wrap .xz {
	width: 140px;
	background: #ffffff;
	box-shadow: 0px 2px 18px 0px rgba(177, 177, 177, 0.35);
	border-radius: 2px;
	position: relative;
}

.wrap .xz .sanjiao {
	position: absolute;
	top: -7px;
	left: 61px;
	width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #ffffff;
}

.wrap .xz li a {
	display: inline-block;
	padding-left: 35px;
	width: 140px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
}

.wrap .xz li a:hover {
	background: #4785e6;
	color: #fff;
}

.wrap .xz li a:hover .iconfont {
	color: #fff;
}

.wrap .xz li .iconfont {
	font-size: 13px;
	color: #4785e6;
}

.MsgContent .layui-form .layui-row .Treedel tr {
	height: 28px;
	line-height: 28px;
	margin-left: 10px;
	display: block;
}

.MsgContent .layui-form .layui-row .Treedel tr td {
	width: 100px;
}
.transferTaskManage-body .layui-tab-title li {
	font-size: 12px;
}
.parameterDirection option {
	padding: 0 10px;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: 12px;
	color: #666;
	height: 36px;
}

.parameterDirection option:hover {
	background-color: #f2f2f2;
}

.returnType dl {
	height: 160px !important;
}

#fileTypes .sourceFile .lead i {
	font-size: 14px;
}

#fileTypes .sourceFile .lead .layui-form-radio {
	margin: 0;
}

#fileTypes button:hover {
	background: #D9D9D9;
}
.transferTaskManage-body .layui-layer-content .layui-table-view {
	margin: 0;
	border: 0;
}
.transferTaskManage-body .layui-layer-content .targetConfigMappingTable-box .layui-table-view {
	border: 1px solid #e6e6e6;
}
.transferTaskManage-body .layui-layer-content .layui-table-header {
	border: none;
	background-color: #fff;
}
.transferTaskManage-body .cell-line-table .layui-layer-content .layui-table-header tr {
	background-color: #fff;
}
.transferTaskManage-body .layui-layer-content .cell-line-table .layui-table-header tr {
	background-color: #f6f7fc;
}
.transferTaskManage-body .cell-line-table .layui-table-view .layui-table td[align] .layui-table-cell {
	position: relative;
}
.transferTaskManage-body .cell-line-table .layui-table-view .layui-table td[align] .layui-table-cell::after {
	content: " ";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	height: 1px;
	background-color: #eee;
}
.transferTaskManage-body .cell-line-table .layui-table-view .layui-table[lay-size="sm"] td,
.transferTaskManage-body .cell-line-table .layui-table-view .layui-table[lay-size="sm"] th {
	padding: 0;
}
.transferTaskManage-body .cell-line-table .layui-table-view .layui-table[lay-size="sm"] .layui-table-cell {
	height: 30px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 11px;
	padding-right: 11px;
}
.transferTaskManage-body .layui-layer-content .layui-table-header th {
	text-align: center;
}
.transferTaskManage-body .layui-layer-content .layui-table-cell {
	padding: 0 5px;
}
.fileSelects, .fieldsTables {
	padding-left: 20px;
}
.users-list-sreach {
	margin: 5px 10px;
	padding: 2px 8px;
	width: 220px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: #FAFAFA;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}

.users-list-sreach1 {
	margin: 5px 10px;
	padding: 2px 8px;
	width: 170px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: #FAFAFA;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}
.layui-col .iconfont:hover {
	color: #4785e6;
}

.magnifysql{
	position: absolute;
	top: 10px;
	right: 10px;
	color:#666;
	cursor: pointer;
}
.sourceQuerybig{
	width: 1180px;
	height: 680px;
	resize: none;
	border: none;
	margin: 10px;
}
.magnifysql1{
	position: absolute;
	top: 10px;
	right: 25px;
	cursor: pointer;
}
.textareaspan .CodeMirror{
	height: 100%;
	padding-right: 20px;
}
.sqlcontent{
	height: 802px;
	padding: 10px;

}
#magnifysqldiv .CodeMirror{
	height: 100%;
	padding-right: 40px;
	font-size: 14px;
	/* font-weight: 700; */
	line-height: 23px;
	font-family: Arial, monospace;
}
.add-taskParames {
	padding: 0 15px;
	height: 26px;
	line-height: 26px;
}
.taskParames-box {
	height: 310px;
	overflow: hidden;
	overflow-y: auto;
}
.taskParames-box .taskParames-item {
	position: relative;
    padding: 10px 0;
	border-top: 1px solid #ccc;
}
.del-taskParames-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}
.del-taskParames-btn .iconfont {
	margin-right: 0;
}
.del-taskParames-btn:hover {
	background-color: #eee;
}
/* ================================================================== transferTask End ================================================================================= */
/* ================================================================== reportFormSubmit End ============================================================================= */
.reportformsubmit-tab {
	position: absolute;
	top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
	margin: 0;
	padding: 5px;
	height: 100%;
	background: #fff;
	box-sizing: border-box;
	
}
.reportformsubmit-tab .layui-tab-content {
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 46px;
	bottom: 0;
}
.reportformsubmit-tab .layui-tab-item {
	height: 100%;
}
.report-position-card {
	display: inline-block;
}
.report-position-card .report-position-item {
	position: relative;
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}
.report-position-item .layui-icon-triangle-d {
	line-height: 38px;
}
.color-green {
	color: #4785E6;
}
.color-blue{
	color:#4785e6;
}
.color-orange {
	color: #ffb850;
}
.report-position-child {
	display: none;
	padding: 5px;
	position: absolute;
	top: 30px;
	left: 0;
	background: #fff;
	line-height: 1.4;
	box-shadow: 2px 3px 14px 0px rgba(201, 201, 201, 0.35);
	z-index: 100;
}
.datatime-item .report-position-content {
	cursor: pointer;
}
.unit-item {
	width: 150px;
	font-size: 13px;
	cursor: pointer;
}
.report-position-more:hover .report-position-child {
	display: block;
}
.revoke{
	background: url(../libs/handsontable/images/formManage/revoke.png) no-repeat center left 50%;
}
.repeat{
	background: url(../libs/handsontable/images/formManage/repeat.png) no-repeat center left 50%;
}
.bold{
	background: url(../libs/handsontable/images/formManage/bold.png) no-repeat center left 50%;
}
.italic{
	background: url(../libs/handsontable/images/formManage/italic.png) no-repeat center left 50%;
}
.underline{
	background: url(../libs/handsontable/images/formManage/underline.png) no-repeat center left 50%;
}
.sizeinc{
	background: url(../libs/handsontable/images/formManage/sizeinc.png) no-repeat center left 50%;
}
.sizedes{
	background: url(../libs/handsontable/images/formManage/sizedes.png) no-repeat center left 50%;
}
.pencil{
	background: url(../libs/handsontable/images/formManage/pencil.png) no-repeat -1px 0;
}
.wordwrap{
	background: url(../images/wordwrap.png) no-repeat center left 50%;
}
.align-left{
	background: url(../libs/handsontable/images/formManage/align-left.png) no-repeat center left 50%;
}
.align-center{
	background: url(../libs/handsontable/images/formManage/align-center.png) no-repeat center left 50%;
}
.align-right{
	background: url(../libs/handsontable/images/formManage/align-right.png) no-repeat center left 50%;
}
.align-top{
	background: url(../libs/handsontable/images/formManage/align-top.png) no-repeat center left 50%;
}
.align-middle{
	background: url(../libs/handsontable/images/formManage/align-middle.png) no-repeat center left 50%;
}
.align-bottom{
	background: url(../libs/handsontable/images/formManage/align-bottom.png) no-repeat center left 50%;
}
.fill{
	background: url(../libs/handsontable/images/formManage/fill.png) no-repeat -1px 0;
}
.border-bottom{
	background: url(../libs/handsontable/images/formManage/border-bottom.png) no-repeat -1px 0;
}
.merge-center{
	background: url(../libs/handsontable/images/formManage/merge-center.png) no-repeat -1px 0;
}
.arrows-v{
	background: url(../libs/handsontable/images/formManage/arrows-v.png) no-repeat center left 50%;
}
.arrows-h{
	background: url(../libs/handsontable/images/formManage/arrows-h.png) no-repeat center left 50%;
}
.dot-left{
	background: url(../libs/handsontable/images/formManage/dot-left.png) no-repeat center left 50%;
}
.dot-right{
	background: url(../libs/handsontable/images/formManage/dot-right.png) no-repeat center left 50%;
}
.lock{
	background: url(../libs/handsontable/images/formManage/lock.png) no-repeat center left 50%;
}
.eraser{
	background: url(../libs/handsontable/images/formManage/eraser.png) no-repeat -1px 0;
}
.info{
	background: url(../libs/handsontable/images/formManage/info.png) no-repeat center left 50%;
}
.stop-circle-o{
	background: url(../libs/handsontable/images/formManage/stop-circle-o.png) no-repeat center left 50%;
}	
.sitemap{
	background: url(../libs/handsontable/images/formManage/sitemap.png) no-repeat center left 50%;
}
.cell-th{
	background: url(../libs/handsontable/images/formManage/cell-th.png) no-repeat center left 50%;
}
.verification{
	background: url(../libs/handsontable/images/formManage/verification.png) no-repeat center left 50%;
}
.cog{
	background: url(../libs/handsontable/images/formManage/cog.png) no-repeat center left 50%;
}
.hashtag{
	background: url(../libs/handsontable/images/formManage/hashtag.png) no-repeat center left 50%;
}
.percent{
	background: url(../libs/handsontable/images/formManage/percent.png) no-repeat center left 50%;
}
.code{
	background: url(../libs/handsontable/images/formManage/code.png) no-repeat center left 50%;
}

.back{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/back.png) no-repeat left 50%;
}
.xinzeng{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/xinzeng.png) no-repeat left 50%;
}
.zhipai{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/zhipai.png) no-repeat -2px 50%;
}
.baocun{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/baocun.png) no-repeat left 50%;
}
.bianji{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/bianji.png) no-repeat left 50%;
}
.chaxun{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/chaxun.png) no-repeat left 50%;
}
.daochu{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/daochu.png) no-repeat left 50%;
}
.daoru{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/daoru.png) no-repeat left 50%;
}
.dayin{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/dayin.png) no-repeat left 50%;
}
.jiaoyan{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/jiaoyan.png) no-repeat left 50%;
}
.shangbao{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/shangbao.png) no-repeat left 50%;
}
.chahang{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/chahang.png) no-repeat left 50%;
}
.shanhang{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/shanhang.png) no-repeat left 50%;
}
.liucheng{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/liucheng.png) no-repeat left 50%;
}
.sjtb{
	display: block;
	float: left;
	width: 16px;
	height: 100%;
	background: url(../libs/handsontable/images/taskFill/sjtb.png) no-repeat left 50%;
}
/* ================================================================== reportFormSubmit End ============================================================================= */

/* ================================================================== itemList Start =================================================================================== */
#LAY-itemList-body .tabs-box-content {
	padding-top: 20px;
	height: calc(100% - 55px);
}
#LAY-itemList-body .tabs-box-content .layui-tab-content {
	height: calc(100% - 60px);
}
/* ================================================================== itemList End ===================================================================================== */
/* ================================================================== passwordBack Start ======================================================================== */
.passwordBackWrap {
	left: 0;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	min-width: 1200px
}

.pageWrap {
	box-sizing: border-box;
	width: 70%;
	/* height: 80%; */
	height: 65%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 40px */
	padding: 0
}

.passwordTop {
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
	margin-bottom: 14px;
	padding-left: 40px
}

.passwordTop span {
	border-left: 5px solid #4785e6;
	padding-left: 5px
}

.passwordTop a {
	padding-top: 7px;
	color: #4785e6;
	font-size: 13px;
	float: right;
	margin-right: 30px;
	cursor: pointer;
}

.layui-bg-black {
	width: 80%;
	margin: 0 auto;
}

.pageHeader {
	height: 30px;
	width: 570px;
	margin: 0 auto;
	position: relative;
	margin-top: 60px
}

.psdfirstStep {
	box-sizing: border-box;
	width: 49.5%;
	height: 30px;
	line-height: 30px;
	background: #4785e6;
	position: relative;
	padding-left: 45px;
	color: #fff
}

.leftTriangle {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
	position: absolute;
	left: 0px;
	z-index: 9
}

.rightTriangle {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #4785e6;
	position: absolute;
	right: -15px;
	z-index: 10
}

.psdsecondStep {
	box-sizing: border-box;
	width: 49.5%;
	height: 30px;
	right: 0;
	background: #c2c2c2;
	padding-left: 45px;
	line-height: 30px
}

.secondIcon {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #c2c2c2;
	position: absolute;
	right: -15px;
	z-index: 10
}

/* ================================================================== passwordBack End ======================================================================== */
/* ================================================================== 微信管理页面 start  ===================================================================== */
/* 清除浮动 */

.webChatManage-page .layui-card {
	height: calc(100% - 51%)
}

.webChatManage-page .layui-card .layui-card-header .vertical {
	display: inline-block;
	height: 20px;
	width: 5px;
	background: #4785e6;
	position: relative;
	top: 4px
}

.webChatManage-page .webWrap {
	padding-top: 60px;
	font-size: 12px;
	line-height: 38px
}

.webChatManage-page .webWrap .webitem {
	padding-left: 40px;
	margin-bottom: 40px;
}

.webChatManage-page .webWrap .layui-label {
	float: left;
	text-align: right;
	margin-right: 15px
}

.webChatManage-page .webWrap .layui-label.layui-col-md1 {
	width: 10%;
}

.webChatManage-page .webWrap .webRight {
	float: left;
}

.webChatManage-page .webWrap .layui-label,
.webChatManage-page .webWrap .appId,
.webChatManage-page .webWrap .publicaId {
	color: #333;

}

.appText,
.appSecretText {
	color: #aaa
}

.webChatManage-page .webWrap .appSecret,
.webChatManage-page .webWrap .publicSecret {
	color: #01AAED;
	cursor: pointer;
	vertical-align: middle
}

.webChatManage-page .webWrap .appSecret .iconfont,
.webChatManage-page .webWrap .publicSecret .iconfont {
	color: #aaa;
	margin-left: 5px;
	position: relative;
	top: 1px
}

.layui-form.appForm .layui-form-label,
.layui-form.publicForm .layui-form-label {
	width: 150px !important
}

.layui-form.appForm .layui-input-block,
.layui-form.publicForm .layui-input-block {
	margin-left: 180px
}

/* ================================================================== 微信管理页面 end  ===================================================================== */
/* ================================================================== 资源管理页面 start  ===================================================================== */
.resourceListManage-page .IndexDirectory.activeList {
	background: #f2f2f2
}

.resourceListManage-page .layui-nav-treebox {
	overflow: hidden;
}

.treeBoxWrap {
	position: relative;
	height: calc(100% - 45px)
}
.resourceListManage-page .pr-25 {
	padding-right: 45px;
}
.resourceListManage-page .eleTree-hide {
	display: none;
}
.resourceListManage-page .treeBoxWrap .ztree a {
	position: relative;
}
.resourceListManage-page .treeBoxWrap .ztree a:hover .eleTree-node-content-diydom {
	display: inline-block;
}
.resourceListManage-page .eleTree-node-content-diydom {
	position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    text-align: center;
	color: #aaa;
}
.resourceListManage-page .eleTree-node-content-diydom:hover {
	color: #000;
}
.resourceListManage-page .eleTree-node-content-diydom.icon-dropup-line {
	right: 20px;
}
.resourceListManage-page .layui-nav-treebody>.layui-nav-treebox {
	position: static;
    height: calc(50% - 40px);
}
/* ================================================================== 资源管理页面 end  ===================================================================== */
/* ================================================================== 首页管理页面 start  ===================================================================== */
body .homePageManage .searchRoleWrap {
	position: relative;
}

body .homePageManage .searchRoleBtn1,
body .homePageManage .searchRoleBtn2,
body .homePageManage .searchRoleBtn3,
body .homePageManage .searchRoleBtn4 {
	margin-left: 0;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none
}
.portalInfo-form {
	padding: 10px 40px;
	font-size: 13px;
}
.portalInfo-form .layui-form-item {
	margin-bottom: 20px;
}
.portalInfo-form .layui-form-label {
	width: 110px;
	text-align: left;
}
.portalInfo-form .layui-input {
	width: 320px;
}
.portalInfo-form .layui-form-switch {
	margin-top: 5px;
}
.portalType-img {
	width: 180px;
	height: 112px;
}
.portalItem-box, .themeItem-box {
	position: relative;
	cursor: pointer;
}
.mark-img {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	background: url(../images/portal/xuanzhong.png) no-repeat top right;
	background-size: 30px;
	z-index: 1;
}
.portalItem-box.active .mark-img, .themeItem-box.active .mark-img {
	display: block;
}
.portalItem-box:hover .portal-title, .themeItem-box:hover .portal-title {
	display: block;
}
.portal-title {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
	height: 28px;
	background-color: #3E78D2;
	color: #fff;
	opacity: 0.5;
	line-height: 28px;
}
.portalInfo-form .uploadimgbox {
	position: relative;
	height: 50px;
	width: 50px;
	border: 1px dashed #ccc;
	background-repeat: no-repeat;
    background-size: 100% 100%;
	background-color: #f2f2f2;
	cursor: pointer;
}
.portalInfo-form .uploadimgbox:hover .iconfont {
	display: block;
}
.portalInfo-form .uploadimgbox .iconfont {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 50%;
	margin-left: -8px;
}
.portalInfo-form .uploadbgbox {
	position: relative;
	width: 240px;
	height: 135px;
	border: 1px dashed #ccc;
	background-repeat: no-repeat;
    background-size: 100% 100%;
	background-color: #f2f2f2;
	cursor: pointer;
}
.portalInfo-form .uploadbgbox:hover .iconfontbox {
	display: block;
}
.portalInfo-form .uploadbgbox .iconfontbox {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: 50%;
	margin-left: -18px;
	height: 36px;
	width: 36px;
	background-color: #fff;
	line-height: 36px;
	border-radius: 50%;
	opacity: 0.7;
	text-align: center;
}
.portalInfo-form .uploadbgbox .iconfontbox .iconfont {
	margin-right: 0;
}
.portalInfo-form .clearimg-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	text-align: center;
	color: #DA4545;
	cursor: pointer;
	z-index: 1;
}
/* ================================================================== 首页管理页面 end  ===================================================================== */

/* ================================================================== 任务填报页面 start  ===================================================================== */
body .taskApply-page .box-main {
	position: relative;
}

body .taskApply-page .box-main .layui-right-float {
	z-index: 9;
}

body .taskApply-page .layui-layer-content .queryData {
	position: relative;
	width: 100%;
	height: 100%;
}

/* ================================================================== 任务填报页面 end  ===================================================================== */
/* ================================================================== 任务办理页面 start  ===================================================================== */
body .taskDeal-page .box-main {
	position: relative;
}

body .taskDeal-page .box-main .layui-right-float {
	z-index: 9;
}

/* ================================================================== 任务办理页面 end  ===================================================================== */

/* ================================================================== homePageBI-page start  ===================================================================== */
body .homePageBI-page{
	background-color: #EBEFF7;
}
body .homePageBI-page .wrap{
	height: 100%;
}
body .homePageBI-page .homePageBIbox {
	padding: 24px 1.785% 24px 3.566%;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	background-color: #EBEFF7;
}

body .homePageBI-page .homePageBIbox::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body .homePageBI-page .homePageBIbox .homePageBImain {
	float: left;
	width: 25%;
	zoom:1.1;
	margin-bottom: 40px;
}

body .homePageBI-page .homePageBIbox .homePageBIlist {
	width: 93.665%;
	/* height: 100%; */
	box-shadow: 0 0 3px #ccc;
	cursor: pointer;
}

body .homePageBI-page .homePageBIimg {
	/* height: 210px; */
	height: 87.5%;
	width: 100%;
}

body .homePageBI-page .homePageBIimg img {
	width: 100%;
	height: 100%
}

body .homePageBI-page .homePageBItext {
	/* padding:6px 0; */
	box-sizing: border-box;
	text-align: center;
	color: #333;
	/* height: 7.085%;
	line-height: 2.5rem; */
	/* min-height: 60px; */
	display: flex;
	align-items: center;
	/*垂直居中*/
	justify-content: center;
	/*水平居中*/
	line-height: 30px;
	background-color: #fff
}

body .homePageBI-page .homePageBItext p {
	width: 220px;
	height: 30px;
	overflow: hidden;
	font-size: 16px;
}

/* ================================================================== homePageBI-page end  ===================================================================== */

/* ================================================================== homePageDS-page start  ===================================================================== */
body .homePageDS-page {
	height: 100%;
	background-color: #EBEFF7;
}

body .homePageDS-page .DSwrap {
	padding: 40px 100px;
	box-sizing: border-box;
	background-color: #EBEFF7;
	overflow: auto;
    letter-spacing: -8px
}
.nav-item-box {
	display: inline-block;
	margin: 40px 0;
	width: 25%;
	min-width: 200px;
	text-align: center;
}
.nav-item {
	display: inline-block;
	padding: 15px 0;
	width:188px;
	height:188px;
	background:rgba(255,255,255,0.2);
	border:1px solid rgba(122,140,145,1);
	border-radius:10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	letter-spacing: 0;
	cursor: pointer;
}
.nav-icon {
	margin: auto;
	width: 120px;
	height: 120px;
}
.nav-txt {
	padding-top: 10px;
    line-height: 30px;
    font-size: 16px;
}
.nav-item:hover, .nav-item.layui-this {
	background-color: rgba(255, 255, 255, 0.4);
	-moz-box-shadow:0px 0px 12px #aeb8ce; 
	-webkit-box-shadow:0px 0px 12px #aeb8ce; 
	box-shadow:0px 0px 12px #aeb8ce;
}
/* ================================================================== homePageDS-page end  ===================================================================== */
/* ================================================================== homePage-page start  ===================================================================== */
body .homePage-page{
	background-color: #EBEFF7;
	padding: 80px 180px 82px 130px;
	box-sizing: border-box;
	height: 100%;
	/* min-width: 1386px; */
}
body .homePage-page .homePageTitle{
	height: 52px;
	background: url("../images/title.png") center no-repeat;
	font-family:PingFang-SC-Regular;
	text-align: center;
	font-size: 32px;
	color: #fff;
	line-height: 44px;
}
body .homePage-page .productIntro{
	background: #EEF2F8;
	/* height: 110px; */
	margin-top: 37px;
	box-shadow:2px 3px 18px 0px rgba(200, 222, 208, 0.35);
	padding: 14px 92px 16px 94px;
	box-sizing: border-box
}
body .homePage-page .productIntro p{
	font-family:PingFang-SC-Medium;
	line-height: 40px;
	font-size: 18px;
}
body .homePage-page .productIntro p span{
	font-size: 26px;
	color: #4785E6
}
body .homePage-page .productFeature{
	margin-top: 27px;
	height: 460px;
}
body .homePage-page .productFeature::after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body .homePage-page .productFeature  .systemFeatures,body .homePage-page .productFeature  .systemFunction{
	float: left;
	height: 100%;
	padding-top:21px;
	box-sizing: border-box
}
body .homePage-page .productFeature  .systemFeatures{
	width: calc(58.058% - 30px);
	box-shadow:2px 3px 18px 0px rgba(200, 222, 208, 0.35);
	background: #EEF2F8;
}
body .homePage-page .systemFeatureWrap{
	padding: 60px 63px;
	box-sizing: border-box;
}
body .homePage-page .systemFeatureWrap .systemFeaturesTop{
	display: flex;
	width: 580px;
	padding-left: 16px;
	box-sizing: border-box;
	justify-content:space-between;
}
body .homePage-page .systemFeatureWrap .systemFeaturesBot{
	display: flex;
	padding: 0 141px 0 100px;
	width: 650px;
	box-sizing: border-box;
	justify-content:space-between;
}
body .homePage-page .systemFeatureWrap dl{
	height: 106px;
	width: 101px;
	border:1px solid rgba(151,169,179,1);
	border-radius:12px 12px 0px 0px;
}
body .homePage-page .systemFeatureWrap dl dt{
	height: calc(100% - 40px);
	width: 100%;
	position: relative;
}
body .homePage-page .systemFeatureWrap dl .imgWrap{
	width: 47px;
	height: 47px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
body .homePage-page .systemFeatureWrap dl dd{
	background: #97A9B3;
	height: 40px
}
body .homePage-page .systemFeatureWrap dl dd p{
	color: #fff;
	/* width: 60px; */
	text-align: center;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto
}

body .homePage-page .systemFeatureWrap .systemFeaturesCen{
	background: url("../images/yugu.png") no-repeat;
	height: 77px;
	background-size: 100%;
}
body .homePage-page .productFeature  .systemFunction{
	width: 41.942%;
	box-shadow:2px 3px 18px 0px rgba(200, 222, 208, 0.35);
	background: #EEF2F8;
	margin-left: 30px;
}
body .homePage-page .productFeature .productTitle{
	color: #266196;
	font-size: 20px;
	padding-left: 54px;
	box-sizing: border-box
}
body .homePage-page .productFeature .systemFeatures .productTitle{
	background: url("../images/fangxing.png") 20px no-repeat;
}
body .homePage-page .productFeature .systemFunction .productTitle{
	background: url("../images/yuanxing.png") 20px no-repeat;
}
body .homePage-page .productFeature .systemFunction .systemFunctionImg{
	padding: 16px 86px 16px 118px;
	box-sizing: border-box
}
/* ================================================================== homePage-page end  ================================================================ */
/* =================================================================== designer Start  ================================================================== */
.designerManage-page .layui-head {
	position: relative;
	height: 64px;
}
.designerManage-page .layui-head .rightbtn-box {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;;
}
.designerManage-page .layui-layout {
	position: relative;
	height: calc(100% - 64px);
	box-shadow: -1px 0 3px 1px #dfdfdf;
}
.designerManage-page .layui-side {
	position: absolute;
	box-shadow: 0 -1px 3px 1px #dfdfdf;
}

.designerManage-page .layui-nav-treehead {
	padding: 5px 0;
	height: 20px;
	background-color: #4785e6;
}
.designerManage-page .layui-nav-treebody {
	height: calc(100% - 30px);
}
.designerManage-page .layui-nav-treebar-item {
	display: inline-block;
	margin: 0 5px;
	height: 20px;
	width: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	border-radius: 2px;
	overflow: hidden;
}
.designerManage-page .layui-nav-treebar-item .iconfont {
	margin: 0;
	font-size: 14px;
}
.designerManage-page .layui-nav-treebar-item:hover,
.designerManage-page .layui-nav-treebar-item.active {
	color: #fff;
	background-color: #4785e6;
}
.designerManage-page .layui-card-header {
	padding: 4px;
	height: auto;
	border: 0;
}
.designerManage-page .layui-card-header .designer-contorl-border {
	padding: 4px;
	border: 1px dashed #ccc;
}
.designerManage-page .layui-card-header .designer-contorl-body {
	height: 100px;
    background-color: #fcfcfc;
    box-shadow: 0 0 1px 1px #ccc;
}
.designer-edit-status .db-portlet-ui .content_border {
	border: 1px solid #ccc;
}
.designer-edit-status .db-portlet-ui[portlettype="button"] .content_border,
.designer-edit-status .db-portlet-ui[portlettype="search"] .content_border {
	border: none;
}
.designerManage-page .layui-card-body {
	position: absolute;
	top: 169px;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	overflow: hidden;
}

.designerManage-page .hsd-box-wrap {
	height: 100%;
}
.designerManage-page .layui-card-body .hsd-box {
	height: calc(100% - 10px);
    padding: 0 10px;
    box-sizing: border-box;
}
.hst-toolbar {
	background-color: #f8f8f8;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.navbtn-box.layui-layout .hst-btn-toolbar {
	position: absolute;
	left: 750px;
	top: 0;
}

/*鏅�氭寜閽�*/
.hst-btn-toolbar .hst-btn,
.hst-btn-toolbar .hst-separator {
    position: relative;
    padding: 2px;
    margin: 2px 5px;
    display: inline-block;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
}
.hst-toolbar .hst-btn-box {
	position: relative;
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}
.hst-toolbar .hst-btn-box .hst-btn-txt {
	line-height: 16px;
}
.hst-toolbar .iconfont {
	margin: 0;
	line-height: 18px;
	vertical-align: top;
}
.hst-toolbar .hst-splitbtn-forecolor .iconfont,
.hst-toolbar .hst-splitbtn-backcolor .iconfont {
	position: absolute;
}
.hst-btn-toolbar .hst-btn .hst-btn-wrap {
    position: relative;
    height: 16px;
}
.hst-btn-toolbar .hst-btn .hst-btn-inner {
    display: block;
    min-width: 16px;
    font-size: 12px;
    line-height: 16px;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
}
.hst-btn-toolbar .hst-btn .hst-icon{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 1.2;
    text-align: center;
}
.hst-btn-toolbar .hst-split-right.hst-btn .hst-icon {
	text-align: initial;
}
.hst-btn-toolbar .hst-btn .hst-icon.fa-file,
.hst-btn-toolbar .hst-btn .hst-icon.fa-file-image-o,
.hst-btn-toolbar .hst-btn .hst-icon.fa-check-square {
    left:1px;
}
.hst-btn-toolbar .hst-btn .hst-icon.fa-html5 {
    left: 1.5px;
}
.hst-btn-toolbar .hst-btn .hst-icon.fa-photo {
    left:-0.5px;
}
.hst-btn-toolbar .hst-btn .color-black {
    position: absolute;
    height: 3px;
    bottom: 0px;
    left: 0px;
    right: 0;
    z-index: 1;
}
.hst-toolbar .hst-btn-group .hst-btn:hover,
.hst-toolbar .hst-btn-box:hover,
.hst-toolbar .hst-btn-group .hst-btn.active,
.hst-toolbar .hst-btn-box.active {
	background-color: #eaeaea;
	border-color: #d9d9d9;
}
/*鐘舵�佸弽灏�*/
.hst-btn-toolbar .hst-btn:hover,
.hst-btn-toolbar .hst-btn:active,
.hst-btn-toolbar .hst-btn.active {
    background-color: rgb(245,245,245);
    outline-color: silver;
    _z-index: 1;
}
.hst-toolbar .hst-btn:not(.hst-arrow-right) {
	border-color: transparent;
	background-color: transparent;
}
.hst-toolbar .hst-btn-group {
	display: inline-block;
	vertical-align: top;
}
.hst-toolbar .hst-btn.hst-split-right {
	border-color: #d9d9d9;
}

.hst-btn-toolbar .hst-separator {
    margin: 0 5px;
    padding: 0;
    width: 1px;
    height: 48px;
    background-color: #d9d9d9;
    border: 0;
}
.hst-toolbar .hst-btn-box-child {
	display: none;
	position: absolute;
	right: 0;
	top: 40px;
	padding-top: 15px;
	z-index: 11111;
}
.hst-toolbar .hst-btn-box-child .child-box {
	padding: 10px;
	width: 390px;
	background-color: #FFFFFF;
	box-shadow: 0 0 3px 1px #d6d8d8;
}
.hst-toolbar .hst-btn-box:hover .hst-btn-box-child {
	display: block;
}
.designer-body .ctxMenu-item > a > .ctx-icon.hst-icon,
.formList-body .ctxMenu-item > a > .ctx-icon.hst-icon{
	top: 6px;
}
.designer-body .layui-layer.layui-layer-adminRight {
	top: 60px !important;
	bottom: 0;
}
.lay-designer-nav-tree.layui-nav.arrow2 .layui-nav-more {
	top: 9px;
}
.lay-designer-nav-tree.layui-nav {
	background-color: #fff;
}
.lay-designer-nav-tree.layui-nav * {
	font-size: 12px;
}
.lay-designer-nav-tree.layui-nav-tree .layui-nav-item a {
	color: #333 !important;
	border-bottom: 1px solid #eee;
}
.lay-designer-nav-tree.layui-nav-tree .layui-nav-child a {
	padding: 0 25px;
	border-bottom: none;
}
.lay-designer-nav-tree.layui-nav-tree .layui-nav-item a:hover,.lay-designer-nav-tree.layui-nav-tree .layui-nav-item.layui-nav-itemed a {
	background-color: #ddd;
}
.lay-designer-nav-tree .layui-nav-itemed>.layui-nav-child {
	background-color: transparent !important;
}
.lay-designer-nav-tree .layui-nav-itemed>.layui-nav-child a:hover, .lay-designer-nav-tree .layui-nav-itemed.layui-nav-itemed>.layui-nav-child a {
	background-color: transparent;
}
.lay-designer-nav-tree .lay-designer-nav-tree-box {
	padding: 0 10px;
	box-sizing: border-box;
}
.lay-designer-nav-tree.layui-nav-tree .layui-mylayui1-tree {
	position: static;
	padding:0 10px;
	box-sizing: border-box;
}
.lay-designer-nav-tree.layui-nav-tree .eleTree-node-content {
	color: #666;
}
.lay-designer-nav-tree .lay-dimension-tree .eleTree-node-content {
	background-color: #ebf7f6;
	border-bottom: 1px solid #fff;
}
.lay-designer-nav-tree .lay-dimension-tree .eleTree-node-content,
.lay-designer-nav-tree .lay-measure-tree .eleTree-node-content,
.lay-designer-nav-tree .lay-custommeasure-tree .eleTree-node-content {
	text-overflow: initial;;
}

.lay-designer-nav-tree .lay-dimension-tree .eleTree-node-content:hover,
.lay-designer-nav-tree .lay-dimension-tree .eleTree-node-content.eleTree-node-content-active {
	background-color: #ceefec;
}

.lay-designer-nav-tree .lay-measure-tree .eleTree-node-content {
	background-color: #edf1f9;
	border-bottom: 1px solid #fff;
}

.lay-designer-nav-tree .lay-measure-tree .eleTree-node-content:hover,
.lay-designer-nav-tree .lay-measure-tree .eleTree-node-content.eleTree-node-content-active {
	background-color: #d4e2ff;
}

.lay-designer-nav-tree .lay-custommeasure-tree .eleTree-node-content {
	background-color: #fcf6ef;
	border-bottom: 1px solid #fff;
}

.lay-designer-nav-tree .lay-custommeasure-tree .eleTree-node-content:hover,
.lay-designer-nav-tree .lay-custommeasure-tree .eleTree-node-content.eleTree-node-content-active {
	background-color: #ffecd5;
}
.parames-box {
	height: 100%;
	border: 1px solid #ccc;
}
.parames-box .left-box, .parames-box .right-box {
	position: relative;
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	vertical-align: top;
}
.parames-box .left-box {
	width: 200px;
	height: 100%;
}
.parames-box .left-box .left-box-title {
	position: relative;
	padding: 0 5px;
	height: 28px;
	background: #eaeaea;
	line-height: 28px;
}
.parames-box .right-box {
	padding: 25px 0;
	border-left: 2px solid #4785e6;
}
.parames-box .right-box .layui-form-item:first-child {
	margin-bottom: 20px;
}
.parames-box .parame-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	padding-left: 3px;
	width: 17px;
	height: 20px;
	border-radius: 2px;
	line-height: 20px;
	cursor: pointer;
}
.parames-box .parame-list {
	position: absolute;
	top: 28px;
	left: 0;
	bottom: 0;
	width: 200px;
	overflow-x: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.parames-box .parame-list-scroll {
	position: relative;
	width: 220px;
	height: 100%;
	overflow-x: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.parames-box .parame-list ul {
	width: 200px;
	box-sizing: border-box;
}
.parames-box .parame-list li {
	position: relative;
	padding: 5px;
}
.parames-box .parame-list li .parame-btn {
	top: 8px;
}
.parames-box .parame-list li:hover,
.parames-box .parame-list li.active {
	color: #FFFFFF;
	background-color: #4785e6;
}
.designer-body .layui-layer-admin {
	font-size: 13px;
}
.designer-body .layui-layer-admin .layui-form-label {
	width: 100px;
}
.designer-body .layui-layer-admin .layui-input,
.visualManage-body .layui-layer-admin .layui-input {
	height: 28px;
}
.designer-body .layui-layer-admin .layui-btn, 
.visualManage-body .layui-layer-admin .layui-btn {
	height: 28px;
	line-height: 26px;
}
.designer-body .layui-layer-admin .layui-form-radio,
.designer-body .layui-layer-admin .layui-form-switch {
	margin-top: 0;
}
.designer-body .layui-layer-admin .layui-orientation-btn {
	display: inline-block;
	padding: 0 0 3px 3px;
	margin-right: 20px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border: 1px solid transparent;
	cursor: pointer;
}
.designer-body .layui-layer-admin .layui-orientation-btn:hover,
.designer-body .layui-layer-admin .layui-orientation-btn.active {
	color: #4785e6;
	border-color: #4785e6;
}
.designer-body .layui-layer-admin .title {
	position: relative;
	color: #333;
	font-size: 14px;
}
.designer-body .layui-layer-admin .title .title-icon {
	position: absolute;
	top: 50%;
	left: 65px;
	right: 0;
	height: 1px;
	margin-top: -1px;
	border-top: 1px solid #ddd;
}
#layui-datasource-card {
	padding: 0 10px;
	box-sizing: border-box;
}
.designer-body .layui-card {
	position: relative;
	height: 100%;
	font-size: 13px;
	box-sizing: border-box;
	box-shadow: none;
}
.designer-body .layui-card .left-card {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 200px;
	overflow-x: hidden;
	border-right: 2px solid #4785e6;
}
.designer-body .layui-card .layui-nav-treebody-model {
	padding: 0 5px;
	height: 69px;
	border-bottom: 1px solid #eee;
}
.designer-body .layui-card .layui-nav-treebody-title {
	padding: 0;
	background-color: transparent;
	border-color: transparent;
	color: #333;
	box-shadow: none;
}
.designer-body .layui-card .layui-model-treebox {
	top: 30px;
	padding: 0 10px 10px;
	overflow: hidden;
}
.designer-body .layui-card .layui-model-treeinput {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
}
.designer-body .layui-card .layui-model-treeinput .layui-icon {
	font-size: 14px;
}
.designer-body .layui-card .layui-nav-treebox-area {
	padding: 0;
	height: auto;
}
.designer-body .layui-card .bindarea-body .layui-nav-treebox-area {
	height: 33.3%;
}
.designer-body .layui-side-treebox {
	position: static;
	overflow: hidden;
}
.designer-body .bindarea-body .layui-side-treebox {
	position: absolute;
}
.designer-body .layui-side-treebox .layui-mylayui1-tree,
.visualManage-page .layui-side-treebox .layui-mylayui1-tree {
	position: static;
}
.designer-body .layui-card .layui-nav-treebody-dimension {
	height: calc(100% - 70px);
}
.designer-body .layui-card .right-card {
	padding-left: 212px;
	height: 100%;
	border-bottom: 1px solid #ccc;
}
.designer-body .layui-card .right-card .layui-tab-title {
	height: 29px;
}
.designer-body .layui-card .right-card .layui-tab-title li {
	line-height: 30px;
	font-size: 12px;
}
.designer-body .layui-card .right-card .layui-tab-title li:after {
	height: 30px;
}
.designer-body .layui-layer-content .customDatasourceForm .layui-form-item.layui-form-item-sm {
	padding-right: 0;
}
.designer-body .expressions-card, .transferTaskManage-body .expressions-card, .designer-body .orders-card {
	position: relative;
}
.designer-body .expressions-card-body , .transferTaskManage-body .expressions-card-body , .visualManage-body .expressions-card-body {
	width: 355px;
	height: 260px;
	border: 1px solid #e6e6e6;
}
.designer-body .orders-card-body {
	width: 355px;
	height: 340px;
	border: 1px solid #e6e6e6;
}
.designer-body .expressions-card-body .layui-table-view {
	margin: 0;
}
.designer-body .expressions-card-body .btns-box, .transferTaskManage-body .expressions-card-body .btns-box, .visualManage-body .expressions-card-body .btns-box, .designer-body .orders-card-body .btns-box {
	text-align: right;
}
.designer-body .expressions-card-body .expression-btn, .transferTaskManage-body .expressions-card-body .expression-btn, .visualManage-body .expressions-card-body .expression-btn, .designer-body .orders-card-body .order-btn {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 2px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}
.designer-body .expressions-list-box, .transferTaskManage-body .expressions-list-box, .visualManage-body .expressions-list-box, .designer-body .orders-list-box {
	height: calc(100% - 25px);
	width: 355px;
	overflow: hidden;
}
.designer-body .expressions-list-box .expressions-list-box-scroll, .transferTaskManage-body .expressions-list-box .expressions-list-box-scroll, .visualManage-body .expressions-list-box .expressions-list-box-scroll, .designer-body .orders-list-box .orders-list-box-scroll {
	position: relative;
	width: 375px;
	height: 100%;
	overflow-x: hidden;
}
.designer-body .expressions-list-box ul, .transferTaskManage-body .expressions-list-box ul, .visualManage-body .expressions-list-box ul, .designer-body .orders-list-box ul {
	width: 355px;
}
.designer-body .expressions-list-box ul li, .transferTaskManage-body .expressions-list-box ul li, .visualManage-body .expressions-list-box ul li, .designer-body .orders-list-box ul li {
	position: relative;
	padding: 5px 10px;
	cursor: pointer;
}
.designer-body .expressions-list-box ul.lay-ztree li, .transferTaskManage-body .expressions-list-box ul.lay-ztree li, .visualManage-body .expressions-list-box ul.lay-ztree li {
	padding: 0;
}
.designer-body .orders-list-box ul li .iconfont {
	position: absolute;
	right: 10px;
}
.designer-body .expressions-list-box ul.lay-ztree li:hover,
.transferTaskManage-body .expressions-list-box ul.lay-ztree li:hover,
.designer-body .expressions-list-box ul.lay-ztree li.active,
.transferTaskManage-body .expressions-list-box ul.lay-ztree li.active,
.visualManage-body .expressions-list-box ul.lay-ztree li:hover,
.visualManage-body .expressions-list-box ul.lay-ztree li.active{
	background-color: transparent;
}
.designer-body .expressions-list-box ul li:hover,
.designer-body .expressions-list-box ul li.active,
.transferTaskManage-body .expressions-list-box ul li:hover,
.transferTaskManage-body .expressions-list-box ul li.active,
.visualManage-body .expressions-list-box ul li:hover,
.visualManage-body .expressions-list-box ul li.active,
.designer-body .orders-list-box ul li:hover,
.designer-body .orders-list-box ul li.active{
	background-color: #f3f3f3;
}
.designer-body .expressions-list-box .lay-ztree li ul, .transferTaskManage-body .expressions-list-box .lay-ztree li ul, .visualManage-body .expressions-list-box .lay-ztree li ul {
	padding-left: 15px;
}
.designer-body .expressions-card-body .expression-btn:hover,
.transferTaskManage-body .expressions-card-body .expression-btn:hover,
.visualManage-body .expressions-card-body .expression-btn:hover,
.designer-body .orders-card-body .order-btn:hover {
	background-color: #ccc;
}
.designer-body .expressions-card-body .expression-btn .iconfont,
.transferTaskManage-body .expressions-card-body .expression-btn .iconfont,
.visualManage-body .expressions-card-body .expression-btn .iconfont,
.designer-body .orders-card-body .order-btn .iconfont {
	margin-right: 0;
}
.designer-body .expressions-card-side,
.transferTaskManage-body .expressions-card-side,
.designer-body .orders-card-side {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
}
.designer-body .expressions-card-side .layui-btn,
.transferTaskManage-body .expressions-card-side .layui-btn,
.designer-body .orders-card-side .layui-btn {
	width: 75px;
	font-size: 12px;
	padding: 0;
	text-align: center;
	background-color: #e6e6e6;
}
.transferTaskManage-body .expressions-card-side .layui-btn{
	height: 30px;
	line-height: 30px;
}
.designer-body .expressions-card-side .layui-btn+.layui-btn,
.transferTaskManage-body .expressions-card-side .layui-btn+.layui-btn,
.designer-body .orders-card-side .layui-btn+.layui-btn{
	margin-top: 10px;
	margin-left: 0;
}
.designer-body .expressions-card-side .layui-btn .iconfont,
.transferTaskManage-body .expressions-card-side .layui-btn .iconfont,
.designer-body .orders-card-side .layui-btn .iconfont {
	font-size: 12px;
}
body .handsontable table.htCore {
    border-collapse: collapse;
}
#layui-condition-settings, #layui-filters-settings {
	padding: 0 10px;
}
.layui-condition-item-title-box {
	padding: 5px 10px;
}
.layui-condition-item-title {
	line-height: 28px;
}
.layui-condition-item-add {
	position: relative;
	padding: 5px;
	background-color: #eaeaea;
	cursor: pointer;
}
.layui-condition-item-add .iconfont {
	position: absolute;
	right: 5px;
}
.layui-card .condition-item-list-box {
	position: absolute;
	top: 71px;
	left: 10px;
	width: 180px;
}
.layui-card .condition-item-list-box-scroll {
	width: 200px
}
.layui-card .condition-item-list {
	width: 180px;
}
.condition-item-list li {
	position: relative;
	padding: 5px 5px 5px 15px;
}
.condition-item-list li:hover,
.condition-item-list li.active {
	background-color: #4785e6;
	color: #fff;
}

.condition-item-list li .condition-item-delete {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	cursor: pointer;
}
.condition-item-list li:hover .condition-item-delete,
.condition-item-list li.active .condition-item-delete {
	display: inline-block;
}
.operate-body {
	position: relative;
	height: calc(100% - 333px);
}
.operate-add-box {
	width: 75px;
}
.operate-add-box .select-add-btn {
	position: absolute;
	top: 6px;
	left: 5px;
	width: 18px;
	border-right: 1px solid #eaeaea;
	background: #fff;
	z-index: 1;
}
.operate-add-box .layui-form-select .layui-input {
	padding-right: 20px;
	padding-left: 25px;
}
.operate-add-box .layui-form-select .layui-edge {
	right: 7px;
}
.operate-item-list-box {
	position: absolute;
	left: 86px;
	width: 360px;
	border: 1px solid #e6e6e6;
	z-index: 1;
}
.operate-item-list-box-scroll {
	width: 360px;
}
.operate-item-list {
	padding-top: 10px;
	width: 360px;
}
.operate-item-list li {
	position: relative;
	padding-right: 25px;
}
.operate-item-list .operate-item-delete {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -11px;
	padding: 2px;
	color: #FE3838;
	cursor: pointer;
}
.operate-item-list .operate-item-delete .iconfont {
	font-size: 14px;
}
.operate-add-box .layui-form-selectup dl {
	bottom: auto;
}
.designer-body #layui-condition-settings .expressions-card-body {
	height: 150px;
}
.storedProcedure-tab .layui-table-view, .storedProcedure-tab .layui-table-body{
	margin: 0;
}
.storedProcedure-tab .layui-table-header th .layui-table-cell {
	padding: 0;
}
.storedProcedure-tab .layui-table-view .layui-table td {
	padding: 0;
}
#layui-condition-settings .right-card .layui-form-item-sm {
	padding-right: 0;
}
#layui-filters-settings .left-card {
	padding-right: 10px;
	width: 190px;
}
#layui-filters-settings .layui-nav-tree {
	padding: 0;
	width: 190px;
}
#layui-filters-settings .lay-designer-nav-tree.layui-nav-tree .layui-nav-item > a:hover, #layui-filters-settings .lay-designer-nav-tree.layui-nav-tree .layui-nav-item.layui-nav-itemed > a {
	padding-left: 5px;
	background-color: #fff;
	border-bottom: none;
}
#layui-cardInfo {
	height: 100%;
}
.layui-card-cellstyle .layui-card-header {
	height: 35px;
	border-color: #4785e6;
	text-align: center;
	line-height: 36px;
}
.layui-card-cellstyle .layui-form-label {
	padding: 4px 12px;
}
.layui-card-cellstyle .cellmeta-box .layui-form-label {
	width: 40px;
}
.layui-card-cellstyle .cellrange-input {
	width: 100px;
	background-color: #f5f5f5;
	text-align: center;
	line-height: 28px;
}
.layui-card-cellstyle .cellmeta-box {
	border-bottom: 1px solid #eee;
}
.layui-card-cellstyle .layui-color-box .layui-colorpicker-trigger-span {
	width: 120px;
	height: 10px;
	border-radius: 5px;
}
.layui-card-cellstyle .layui-color-box .layui-colorpicker-trigger-i {
	display: none;
}
.layui-card-cellstyle .layui-color-box .layui-colorpicker {
	padding: 0;
	border-color: transparent;
	height: 100%;
	width: 100%;
	line-height: 1.3;
	border-radius: 5px;
}
.layui-card-cellstyle .layui-form-item .layui-input-inline {
	margin-right: 1px;
}
.layui-card-cellstyle .layui-form-selectup dl {
	bottom: auto;
}
.cell-link-btn, .cell-format-btn, .cell-defaultValue-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 5px 0 0 5px;
	width: 20px;
	cursor: pointer;
}
.cell-parentcell-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 3px 1px 0 6px;
	width: 20px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;;
	cursor: pointer;
}
.cell-parentcell-btn:hover {
	background-color: #f3f3f3;
}
.inline-order-input .layui-form-radio {
	padding-right: 0;
	margin: 0;
}
.cell-image-btn.iconfont {
	position: absolute;
	right: 0;
	top: 2px;
	padding: 3px 0 3px 3px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.cell-switch-btn.layui-btn {
	margin-bottom: 5px;
	margin-right: 5px;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
}
.cell-switch-btn.layui-btn:hover,
.cell-switch-btn.layui-btn.active {
	background-color: #4785e6;
	color: #fff;
	border-color: #4785e6;
}
.cell-dataset-item.item-Down {
	padding-left: 5px;
	background: url(../images/designer/expand-down.svg) no-repeat 0 center;
}
.cell-dataset-item.item-None {
	padding-left: 10px;
	background: url(../images/designer/property.svg) no-repeat 0 center;
}
.cell-dataset-item.item-Right {
	padding-top: 5px;
	background: url(../images/designer/expand-right.svg) no-repeat 0 0;
}

.check-formula-btn {
	position: absolute;
	right: 30px;
	top: 20px;
	color: #4785e6;
	cursor: pointer;
	border-bottom: 1px solid #008688;
}

.designer-body .dataItemTitle,
.visualManage-body .dataItemTitle {
	color: #333;
	font-size: 14px;
}
.designer-body .dataItem,
.visualManage-body .dataItem {
	display: inline-block;
	margin-right: 15px;
	height: 100%;
	overflow: hidden;
	vertical-align: top;
}
.designer-body .dataItem.last-dataItem,
.visualManage-body .dataItem.last-dataItem {
	margin-right: 0;
}
.designer-body .dataItem .dataItem-body,
.visualManage-body .dataItem .dataItem-body {
	height: calc(100% - 28px);
	border: 1px solid #eee;
}
.designer-body .dataItem .dataItem-body,
.designer-body .dataItem .dataItem-body-view,
.visualManage-body .dataItem .dataItem-body,
.visualManage-body .dataItem .dataItem-body-view {
	width: 180px;
}
.designer-body .dataItem.last-dataItem .dataItem-body,
.designer-body .dataItem.last-dataItem .dataItem-body-view,
.visualManage-body .dataItem.last-dataItem .dataItem-body,
.visualManage-body .dataItem.last-dataItem .dataItem-body-view{
	width: 260px;
}
.designer-body .dataItem .dataItem-body-scroll,
.visualManage-body .dataItem .dataItem-body-scroll {
	position: relative;
	width: 200px;
	height: 100%;
	overflow-x: hidden;
}
.designer-body .dataItem.last-dataItem .dataItem-body-scroll,
.visualManage-body .dataItem.last-dataItem .dataItem-body-scroll {
	width: 280px;
}
.designer-body .dataItem.last-dataItem .dataItem-body-view,
.visualManage-body .dataItem.last-dataItem .dataItem-body-view {
	padding:5px 10px;
	width: 260px;
	box-sizing: border-box;
}
.component-box {
	position: relative;
	height: 100%;
	background-color: #fff;
}
.designer-body .component-full-input {
	padding: 0 10px;
	width: 100%;
	height: 100%;
	line-height: 32px;
	font-size: 14px;
	vertical-align: top;
	box-sizing: border-box;
}
.designer-body .portlet-date-input.component-full-input,
.designer-body .multiselect-box.component-full-input {
	padding-right: 25px;
}
.layui-mobile-body.designer-body .component-full-input {
	height: 36px;
}
.designer-body .component-auto-form {
	height: 100%;
	overflow: auto;
}
.designer-body .page-layout:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -39px;
	margin-top: -6px;
	color: #999;
	text-align: center;
	content: '参数面板区域';
	line-height: 1;
}
.date-icon-dot {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
}
.designer-body .page_scrollbar {
	z-index: 1;
}
.designer-body .handsontable th, 
.designer-body .handsontable td {
	line-height: 22px;
}
.designer-body .handsontable td {
	white-space: nowrap;
}

.designer-body .hst-btn-toolbar.layui-input-block .hst-btn {
    margin: 2px 5px;
	line-height: 18px;
}
.designer-body .hst-btn-toolbar.layui-input-block .hst-splitbtn-forecolor .color-black,
.designer-body .hst-btn-toolbar.layui-input-block .hst-splitbtn-backcolor .color-black {
	right: 0;
	z-index: 1;
}
.designer-body .hst-btn-toolbar.layui-input-block .iconfont {
	margin-right: 0;
}
.designer-body .layui-layer-adminRight .layui-form-item-sm .layui-btn.layui-btn-primary {
	margin-bottom: 5px;
	height: 28px;
	line-height: 28px;
}
.designer-body .layui-layer-adminRight .layui-form-item-sm .layui-btn.layui-btn-primary.active {
	background-color: #4785e6;
	color:#fff;
	border-color: #4785e6;
}
.select-all-btn {
	position: absolute;
	right: 15px;
	bottom: 5px;
	cursor: pointer;
}
.select-all-btn .iconfont {
	font-size: 14px;
}
.reportSourcebox {
	position: relative;
	height: 100%;
}
.reportSourcebox-title {
	height: 76px;
}
.reportSourcebox-title .layui-form-label {
	padding: 4px 15px;
}
.reportSourcebox-title .layui-input {
	width: 220px;
}
.reportSourcebox-content {
	height: calc(100% - 76px);
}
.reportSourcebox .left-box {
	position: relative;
	height: 100%;
	width: calc(100% - 75px);
	border: 1px solid #ddd;
}
.reportSourcebox .right-box {
	position: absolute;
	top: 76px;
	right: 0;
	width: 65px;
}
.reportSourcebox .right-box button:last-child {
	margin-top: 10px;
	margin-left: 0;
}
.reportSourcebox .left-box .left-box-title {
	height: 30px;
	background-color: #eee;
	line-height: 30px;
}
.reportSourcebox .left-box .left-box-title > div {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.reportSourcebox .left-box .left-box-title .title-sheetname {
	width: 234px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.reportSourcebox .left-box .left-box-title .title-reportname {
	width: calc(100% - 235px);
}
.reportSourcebox .left-box .reportReport-list {
	position: absolute;
	top: 31px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
}
.reportSourcebox .left-box .reportReport-list .report-source-item {
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.reportSourcebox .left-box .reportReport-list .report-source-item.active {
	background: #f3f3f3;
}
.reportSourcebox .left-box .reportReport-list .report-source-item .input-box {
	display: inline-block;
	width: 234px;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.reportSourcebox .left-box .reportReport-list .report-source-item .input-box input {
	padding: 0 10px;
	height: 29px;
	width: 100%;
	border: 0;
	background: transparent;
	box-sizing: border-box;
}
.reportSourcebox .left-box .reportReport-list .report-source-item .report-source-rname-btn {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	width: calc(100% - 235px);
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.reportSourcebox .left-box .reportReport-list .report-source-item .layui-form-danger {
	border-bottom: 1px solid #FF5722;
}
.designer-body .wd-columnHeader-hover.ui-state-highlight {
  color: #444444;
  background-image: none;
  background-color: #9fd5b7;
  border-style: solid;
  border-left-color: #efefef !important;
  border-right-color: #d5ded5 !important;
  border-bottom-color: #ababab !important;
}

.designer-body .wd-columnHeader-selected.ui-state-highlight {
  color: #217346;
  background-color: #d3f0e0;
  background-image: none;
  border-style: solid;
  border-left-color: #efefef !important;
  border-right-color: #d5ded5 !important;
  border-bottom-color: #ababab !important;
}

.designer-body .wd-columnHeader-highlight.ui-state-highlight {
  color: #217346;
  background-image: none;
  background-color: #e1e1e1;
  border-style: solid;
  border-left-color: #efefef !important;
  border-right-color: #d5ded5 !important;
  border-bottom-color: #ababab !important;
}

.designer-body .wd-columnHeader-normal.ui-state-highlight {
  color: #444444;
  background-image: none;
  background-color: white;
  border-style: solid;
  border-left-color: #efefef !important;
  border-right-color: #d5ded5 !important;
  border-bottom-color: #ababab !important;
}

.designer-body .wd-rowHeader-hover.ui-state-highlight {
  color: #444444;
  background-color: #9fd5b7;
  background-image: none;
  border-style: solid;
  border-top-color: #efefef !important;
  border-right-color: #ababab !important;
  border-bottom-color: #d5ded5 !important;
}

.designer-body .wd-rowHeader-selected.ui-state-highlight {
  color: #217346;
  background-color: #d3f0e0;
  background-image: none;
  border-style: solid;
  border-top-color: #efefef !important;
  border-right-color: #ababab !important;
  border-bottom-color: #d5ded5 !important;
}

.designer-body .wd-rowHeader-highlight.ui-state-highlight {
  color: #217346;
  background-color: #e1e1e1;
  background-image: none;
  border-style: solid;
  border-top-color: #efefef !important;
  border-right-color: #ababab !important;
  border-bottom-color: #d5ded5 !important;
}

.designer-body .wd-rowHeader-normal.ui-state-highlight {
  color: #444444;
  background-color: white;
  background-image: none;
  border-style: solid;
  border-top-color: #efefef !important;
  border-right-color: #ababab !important;
  border-bottom-color: #d5ded5 !important;
}
.designer-body .wd-scroll-mobile-thumb.ui-state-active {
  border-radius: 8px;
  border: none;
  background-color: #888;
}
.designer-body .wd-scroll-mobile-thumb.ui-state-hover {
  border-radius: 8px;
  border: none;
  background-color: #888;
}
.designer-body  .wd-scroll-mobile-state-active .wd-scroll-mobile-thumb.ui-state-active {
  border: none;
  background-color: #888;
}
.designer-body .wd-smartMenu-item-default.ui-state-default {
	border: 1px solid transparent;
	background-color: white;
	background-image: none;
	font-weight: normal;
	color: #1e395b;
	border-radius: 0;
}
.designer-body .wd-smartMenu-item-hover.ui-state-hover {
  border: 1px solid #86bfa0;
  background-image: none;
  background-color: #d3f0e0;
}
.designer-body .wd-filter-check-outerDiv .wd-check-image, .wd-fill-type-item .wd-check-image {
	background-image: url();
	background-position: 0 0;
	margin-top: 0;
}
.designer-body .ui-state-hover .ui-icon {
	background-image: url();
}
.maxmin-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
#magnifysqldiv .sqlcontent {
	height: 100%;
	box-sizing: border-box;
}
#magnifysqldiv .CodeMirror {
	height: 100%;
    padding-right: 40px;
    font-size: 14px;
    line-height: 23px;
    font-family: Arial, monospace;
}
/****************format ***********************************/
.cdd-body-content {
    font-size: 12px;
}
.cdd-body-content-number {
    display: flex;
    align-content: space-around;
}
.cdd-body-content-number-left {
    width: 136px;
    height: 100%;
    display: inline-block;
}
.cdd-body-content-number-left .fmt-panel-list {
    margin-top: 0px;
    height: 338px;
    width: 100%;
}
.ac-list {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 9px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1;
    -webkit-tap-highlight-color: transparent;
}
.ac-list .ac-list-title {
    line-height: 36px;
    color: rgba(0, 0, 0, 0.4);
    padding-left: 10px;
    background-color: #fff;
}
.ac-list .ac-list-content {
    overflow-y: auto;
    position: relative;
    display: flex;
    flex: 1 1;
}
.ac-list .ac-list-content .ac-list-content-ul {
    width: 100%;
    overflow: auto;
}
.ac-list .ac-list-content .ac-list-content-item {
    padding-left: 10px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 24px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.88);
}
.cmpt-list-title, .cmpt-list-item {
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
}
.ac-list-content-item-selected {
    background-color: #e6e6e6;
}
.cdd-body-content-number-right {
    display: inline-block;
    width: 400px;
    height: 340px;
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.ac-examplebox {
    position: relative;
    box-sizing: border-box;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 5px;
    flex-shrink: 0;
}
.ac-examplebox .ac-examplebox-theme {
    color: rgba(0, 0, 0, 0.4);
}
.ac-examplebox .ac-examplebox-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}
.cdd-body-content .cdd-body-content-number-right .ac-examplebox .ac-examplebox-content {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.ac-input-number-wrapper {
    display: flex;
    align-items: center;
    margin: 11px 0px 10px;
    flex-shrink: 0;
}
.ac-dropdown-box {
    margin: 6px 0 9px;
    flex-shrink: 0;
}
.cdd-body-content-tips {
    color: rgba(0, 0, 0, 0.64);
    height: 40px;
    margin-top: 14px;
}
.ac-prompt-text {
    margin-top: 9px;
    height: 40px;
    color: #777;
    line-height: 1.43;
    letter-spacing: 0.4px;
}
.ac-input-number-wrapper .ac-input-number-prompt {
    margin-right: 12px;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12px;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap .ac-input-number-handler-up {
    top: 0;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap .ac-input-number-handler {
    position: absolute;
    width: 100%;
    height: 50%;
    cursor: pointer;
    background-color: #f4f4f4;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap .ac-input-number-handler-down {
    bottom: 0;
}
.ac-input-number-wrapper .ac-input-number {
    position: relative;
    width: 64px;
    height: 34px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap .ac-input-number-handler:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 60%;
    border-style: solid;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap .ac-input-number-handler-up:before {
    border-width: 0 3px 4px;
    border-color: transparent transparent #9b9fa2;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-handler-wrap .ac-input-number-handler-down:before {
    border-width: 4px 3px 0;
    border-color: #9b9fa2 transparent transparent;
}
.ac-input-number-wrapper .ac-input-number .ac-input-number-input-wrap .ac-input-number-input {
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 20px;
    padding: 0 8px;
    width: 100%;
    height: 32px;
    border: none;
    outline: none;
}
.ac-checkBox {
    margin: 1px 0 7px;
    flex-shrink: 0;
}
.ac-checkBox .ac-checkBox-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.ac-checkBox .ac-checkBox-container input[type="checkbox"] {
    display: inline-block;
    visibility: hidden;
}
.ac-checkBox .ac-checkBox-container label {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
}
.ac-checkBox .ac-checkBox-container label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 11px;
    height: 5px;
    background: transparent;
    top: 3px;
    left: 2px;
    border: 1px solid #3f8af3;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ac-checkBox .ac-checkBox-container input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.ac-checkBox .ac-checkBox-content {
    margin-left: 10px;
    vertical-align: middle;
    letter-spacing: 0.4px;
}
.ac-dropdown-box {
    margin: 6px 0 9px;
    flex-shrink: 0;
}
.ac-dropdown-box .ac-dropdown-box-theme {
    letter-spacing: 0.4px;
    line-height: 34px;
}
.ac-dropdown-box .ac-dropdown-box-select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: right;
    width: 237px;
}
.ac-dropdown-box .ac-dropdown-box-text {
    width: 237px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 8px;
    line-height: 34px;
    padding-right: 30px;
    font-size: 14px;
}
.ac-dropdown-box-select .ac-dropdown-box-text {
    border-color: rgba(0, 0, 0, 0.1);
}
.ac-dropdown-box .ac-dropdown-box-select-triangle {
    position: absolute;
    right: 13px;
    top: 14px;
    width: 0px;
    height: 0px;
    border: 4px solid transparent;
    border-top: 6px solid #9fa1a4;
    z-index: 1000;
}
.ac-dropdown-box .ac-dropdown-box-select-rectangle {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 32px;
    width: 32px;
    background-color: #fff;
}
.ac-dropdown-box .ac-dropdown-box-select-active .ac-dropdown-box-select-rectangle, .ac-dropdown-box .ac-dropdown-box-select-focus .ac-dropdown-box-select-rectangle {
    background-color: #d0d0d0;
}
.ac-dropdown-box-select .ac-dropdown-box-select-rectangle {
    background-color: #fff;
}
.ac-dropdown-box-list {
    position: absolute;
    width: 100%;
    z-index: 100;
}
.ac-dropdown-box .ac-dropdown-box-select .ac-list {
    background-color: #fff;
    z-index: 5;
}
.ac-dropdown-box-list-hidden {
    display: none;
}
/****************format End********************************/
/* ==================================================================  designer End  ==================================================================== */
/* ==================================================================  designview start  ================================================================ */
.reportview-page .layui-head {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(144,177,187,0.41);
	z-index: 11;
}
.reportview-page .layui-report-btn ,
.reportview-page .layui-report-line {
	display: inline-block;
	vertical-align: middle;
}
.reportview-page .layui-report-btn {
	padding: 4px 10px 4px 30px;
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-position: 0.3125rem center;
	border-radius: 2px;
	color: #333;
	cursor: pointer;
}
.reportview-page .layui-report-btn:hover,
.reportview-page .layui-report-btn.active {
	background-color: rgba(234,234,234,1);
	border: 1px solid rgba(204,204,204,1);
}
.reportview-page .layui-report-btn-version {
	background-image: url("../images/save.png");
}
.reportview-page .layui-report-btn-backfill {
	background-image: url("../images/backfill.png");
}
.reportview-page .layui-report-btn-delete {
	background-image: url("../images/delete.png");
}
.reportview-page .layui-report-btn-edit {
	background-image: url("../images/bianji.png");
}
.reportview-page .layui-report-btn-updatePsd {
	background-image: url("../images/xgmm.png");
}
.reportview-page .layui-report-btn-export {
	background-image: url("../images/daochu.png");
}
.reportview-page .layui-report-btn-print {
	background-image: url("../images/dayin.png");
}
.reportview-page .layui-report-btn-executionTime {
	background-image: url("../images/sjsj.png");
}
.reportview-page .layui-report-btn-top {
	background-image: url("../images/zd.png");
}
.reportview-page .layui-report-btn-topped {
	background-image: url("../images/yzd.png");
}
.reportview-page .layui-report-btn .pull-down {
	margin-left: 5px;
}
.btn-reportview-executionTime {
	position: relative;
}
.btn-reportview-executionTime .layui-my-tips {
	display: none;
	position: absolute;
    right: 0;
    top: 35px;
	min-width: 240px;
	background: 0 0;
    box-shadow: none;
    border: none;
}
.btn-reportview-executionTime .layui-my-tips .layui-layer-content {
	position: relative;
    line-height: 22px;
    min-width: 12px;
    padding: 8px 15px;
    font-size: 12px;
    _float: left;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    background-color: #66686D;
    color: #fff;
}
.btn-reportview-executionTime .layui-my-tips .layui-layer-TipsG.layui-layer-TipsB {
	position: absolute;
	right: 5px;
	top: -8px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-color: transparent;
    border-style: dashed;
    *overflow: hidden;
    border-left-style: solid;
    border-left-color: #66686D;
}
.btn-reportview-executionTime .layui-my-tips.layui-layer-setwin {
	position: absolute;
    right: 15px;
    *right: 0;
    top: 17px;
    font-size: 0;
    line-height: initial;
}
.btn-reportview-executionTime .layui-my-tips .layui-executionTime-content {
	white-space: nowrap;
}
.btn-reportview-executionTime:hover .layui-my-tips {
	display: block;
}
.reportview-page .layui-report-line {
	width: 1px;
	height: 23px;
	background: #e0e0e0;
}
.reportview-page .layui-card {
	position: absolute;
	top: 36px;
	right: 0;
	bottom: 0;
	left: 0;
	height: auto;
}
.reportview-page .layui-card-body {
	top: 150px;
}

.reportview-page .layui-card-header .btn-down,
.reportview-page .layui-card .btn-top {
	display: block;
	position: absolute;
	width: 40px;
	height: 13px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
}
.reportview-page .layui-card-header .btn-down .iconfont,
.reportview-page .layui-card .btn-top .iconfont {
	color: #999;
	font-size: 28px;
	line-height: 1;
}
.reportview-page .layui-card .btn-top{
	top: 0;
	z-index: 1222;
}
.reportview-page .layui-card .btn-top .iconfont {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
}
.reportview-page .layui-card-header .btn-down:hover,
.reportview-page .layui-card .btn-top:hover{
	height: 18px;
}
.reportview-page .layui-card-header {
	padding: 0;
	z-index: 1;
}
.reportview-page .layui-card-header .designer-contorl-border {
	padding: 0;
	border: none;
}
.designer-body .reportview-page .page-layout:after {
	display: none;
}
.reportview-page .t-body table,.reportview-page .layui-table-fixed-t table {
	table-layout: fixed;
}
.reportview-page .t-body td,
.reportview-page .layui-table-fixed td{
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.reportGroupview-page .sheet {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	display: flex;
	border: 1px solid #CDCDCD;
	background-color: #F3F3F3;
}

.reportGroupview-page .sheet>div:first-of-type {
width: 51px;
text-align: center;
height: 28px;
line-height: 28px;
text-align: center;
border-right: 1px solid #DFDFDF;
}

.reportGroupview-page .sheet .itemsWarp {
overflow: hidden;
height: 28px;
}

.reportGroupview-page .sheet .items {
display: flex;
overflow-x: scroll;
overflow-y: hidden;
flex-wrap: nowrap;
}

.reportGroupview-page .sheet .items>div {
position: relative;
padding: 0 15px;
height: 28px;
line-height: 28px;
min-width: 90px;
text-align: center;
border-right: 1px solid #DFDFDF;
}

.reportGroupview-page .sheet .items>div.active {
margin-top: -1px;
background-color: #fff;
}

.reportGroupview-page .sheet .items>div>span {
font-size: 12px;
max-width: 220px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.reportGroupview-page .sheet .items>div:hover>i {
display: inline-block;
}

.reportGroupview-page .sheet .items>div i {
position: absolute;
right: 5px;
cursor: pointer;
display: none;
}

.reportGroupview-page .sheet .page {
height: 28px;
line-height: 28px;
padding: 0 10px;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
}

.reportGroupview-page .sheet .page i {
cursor: pointer;
font-size: 14px;
color: #666;
}

.reportGroupview-page .sheet .page i.nomore {
color: #ccc;
}

.layui-card-tbody-body {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
}
.layui-table-fixed {
	overflow: hidden;
}
.layui-table-fixed-tl {
	background-color: #fff;
	z-index: 121;
}
.layui-table-fixed-t {
	background-color: #fff;
	z-index: 111;
}
.layui-table-fixed-t table {
	margin: initial !important;
}
.layui-table-fixed-l {
	background-color: #fff;
}
.link-dialog-card {
	padding: 15px 15px 0 15px;
	height: 100%;
	box-sizing: border-box;
}
.link-dialog-crad-left {
	width: 200px;
	height: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.link-dialog-crad-left .left-body {
	height: 313px;
    overflow-y: auto;
}
.link-dialog-card-right {
	position: absolute;
	top: 15px;
	left: 230px;
	right: 15px;
	bottom: 0;
}
.link-dialog-card-right .right-body {
	padding-top: 15px;
	height: 100%;
	box-sizing: border-box;
}
.link-dialog-card-right .link-info-card .right-content {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height:202px;
	width: 100%;
	border: 1px solid #ddd;
}
.link-dialog-card .dropdown-menu {
	width: 100%;
}
.link-dialog-card .dropdown-menu.dropdown-open .dropdown-menu-nav {
	margin-top: 0;
	width: 100%;
	box-sizing: border-box;
}
.link-dialog-card .dropdown-menu-nav > li > a {
	padding: 5px 15px;
	font-size: 12px;
}
.link-dialog-card .left-head .layui-btn {
	width: 100%;
	color: #666;
	background: #F0F0F0;
	text-align: left;
}
.link-dialog-card .left-head .iconfont {
	position: absolute;
	right: 5px;
}
.link-dialog-card .right-body .layui-icon-right {
	position: absolute;
	right: 5px;
	top: 5px;
}
.layui-btn-gray {
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    color: #666
}

.layui-btn-gray:hover {
    background-color: #ccc;
    color: #333
}
.link-item {
	position: relative;
	padding: 5px 10px;
	cursor: pointer;
}
.link-item:hover,
.link-item.active {
	background-color: #4785e6;
	color: #fff;
}
.link-item .link-item-del-btn {
	position: absolute;
	right: 5px;
	top: 2px;
	padding-top: 3px;
	padding-left: 3px;
	width: 20px;
	height: 20px;
}
.layui-report-pagination {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.mypagination {
	padding-left: 20px;
	color: #333;
}
.mypagination li {
	display: inline-block;
	line-height: 35px;
	vertical-align: middle;
	cursor: pointer;
}
.mypagination li * {
	vertical-align: middle;
}
.mypagination .page-btn:hover span {
	color: #4785e6;
} 
.mypagination .page-btn.layui-disabled:hover span {
	color: #d2d2d2;
} 
.mypagination .page-line {
	padding: 6px 0;
	margin: 0 5px;
	width: 1px;
	border-left: 1px solid #ccc;
}
.mypagination .layui-inline {
	width: 43px;
}
.mypagination .layui-input {
	padding-left: 0;
	height: 20px;
	border-color: #333 !important;
	text-align: center;
}
.mypagination .layui-input:hover {
	border-color: #333 !important;
}
.mypagination .page-total {
	padding-left: 10px;
}
.mypagination .layui-icon {
	color: #4785e6;
}
.mypagination .layui-disabled .layui-icon {
	color: #d2d2d2;
}
.search-fillet-box {
	padding: 0 10px;
	margin-top: 10px;
}
.search-fillet-box .iconfont {
	display: inline-block;
	position: absolute;
	right: 18px;
	top: 6px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #999;
	cursor: pointer;
}
.search-fillet-box .layui-search-btn .iconfont {
	position: relative;
	right: auto;
	top: auto;
}
.search-fillet-box .layui-input {
	border-radius: 15px;
	background-color: #fafafa;
	overflow: hidden;
}
.editorMask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
.editingInput-box {
	position: absolute;
	background-color: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
    resize: none;
    outline: none;
    border: 2px solid rgb(82, 146, 247);
    box-shadow: rgb(0 0 0 / 40%) 1px 2px 5px;
}
.editingInput {
	font: 12px Arial;
    outline: none;
    resize: none;
    border: none;
    padding: 1px;
    vertical-align: middle;
    min-height: 0px;
    box-sizing: border-box;
    background: transparent;
    overflow-wrap: normal;
    overflow: hidden;
    display: table-cell;
    word-break: normal;
    text-align: center;
    color: rgb(51, 51, 51);
    line-height: 1.4;
    float: none;
}
.editorCell {
	position: relative;
	cursor: pointer;
}
.editorCell:before {
	position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    display: block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    color: #666;
    content: "";
    font-family: "iconfont";
}
.db-page .mount-type-image,.db-page .mount-type-file {
	font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
	color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}
.db-page .mount-type-image::before {
	content: "\e7f6";
	color: #5aaad0;
}
.db-page .mount-type-file {
	font-size: 20px;
}
.db-page .mount-type-file::before {
	content: "\e81b";
	color: #5aaad0;
}
.designer-body .dividing {
	position: relative;
	padding: 0 10px 5px 10px;
}

.designer-body .dividing .txt {
	display: inline-block;
	font-size: 13px;
	color: #333;
}

.designer-body .dividing .line {
	position: absolute;
	right: 20px;
	top: 12px;
	left: 67px;
	height: 2px;
	border-top: 1px solid #ddd;
}

#LAY-customExcel-form {
	font-size: 12px;
}
#LAY-customExcel-form .exportTab-btn {
    margin: 0 10px 5px 0;
    padding: 0 15px;
    height: 28px;
	border: 1px solid #ddd;
    border-radius: 2px;
    line-height: 28px;
	cursor: pointer;
}
#LAY-customExcel-form .exportTab-btn:hover {
	background-color: #F6F7FC;
}
.exportBlocksBox {
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 2px;
	overflow-y: auto;
}
.exportControlBox .layui-form-item {
	margin-bottom: 5px;
}
.exportBlocksBox .blockItem-btn {
	display: inline-block;
    position: relative;
    padding: 0 15px;
    background: #ddd;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 3px;
}
.exportBlocksBox .blockItem-btn .iconfont {
	position: absolute;
	right: -3px;
	top: 0px;
	color: #FF5B5B;
	display: none;
	cursor: pointer;
}
.exportBlocksBox .blockItem-btn:hover {
	background-color: #ccc;
}
.exportBlocksBox .blockItem-btn:hover .iconfont {
	display: block;
}
.linksMenu {
	max-height: 160px;
	overflow: hidden;
	overflow-y: auto;
}
.linksMenu .ctxMenu-item:hover a {
	color: #4785E6;
}
.linksMenu .ctxMenu-item>a:hover {
	background-color: #fff;
}
.linksMenu .ctxMenu-item a {
	position: relative;
	padding: 0 30px 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.linksMenu .ctxMenu-item a::after {
	content: ">";
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
}
/* ==================================================================  designview End  ================================================================== */
/* ==================================================================  dataReportVersion start  ========================================================= */
.dataReportVersion-page .layui-nav-treebody>.layui-nav-treebox {
	top: 35px;
}
.dataReportVersion-page .layui-nav-treebar {
	height: 35px;
}
.dataReportVersion-page .layui-nav-treebar-item {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	text-align: center;
	line-height: 34px;
}
.dataReportVersion-page  .layui-nav-treebar-item.btn-search {
	right: 30px;
}
.dataReportVersion-page .layui-nav-searchbox {
	right: 60px;
}
.dataReportVersion-page .layui-nav-searchbox .layui-input {
	border: none;
}
.dataReportVersion-page .layui-nav-treebox .clickBar {
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	text-align: left;
	font-weight: bold;
}
.dataReportVersion-page .layui-nav-treebox .clickBar::before {
    content: "";
    background: url("../images/icon.png") no-repeat center center;
    height: 15px;
    width: 15px;
    font-weight: bold;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 20px;
}
.dataReportVersion-page .version-item {
	position: relative;
	padding: 5px 0;
	cursor: pointer;
}
.dataReportVersion-page .version-item.active,
.dataReportVersion-page .version-item:hover {
	background-color: #f2f2f2;
}
.dataReportVersion-page .version-item .version-item-icon {
	position: absolute;
	top: 10px;
	left: 20px;
	color: #FFA636;
}
.dataReportVersion-page .version-item .version-item-titlebox {
	padding-left: 45px;
}
.dataReportVersion-page .version-item .version-item-title {
	font-size: 14px;
	line-height: 25px;
	vertical-align: top;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.dataReportVersion-page .version-item .version-item-time {
	line-height: 25px;
}
.dataReportVersion-page .layui-card-header .designer-contorl-body {
	height: 100px;
	background-color: #fcfcfc;
	box-shadow: 0 0 1px 1px #ccc;
}
.dataReportVersion-page .layui-card-body {
    position: absolute;
    top: 169px;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow: hidden;
}
/* ==================================================================  dataReportVersion End  =========================================================== */
/* ================================================================== reportview-page start  ============================================================ */
.reportview-page .layui-btnbox{
	position: relative;
}
.reportview-page .reportviewBtn{
	height:50px;
	background:rgba(255,255,255,1);
	box-shadow:1px 2px 8px 0px rgba(144,177,187,0.41);
	opacity:0.9;
}

.reportview-page .layui-btnbox .btn-down{
	display: block;
	position: absolute;
	width: 43px;
	height: 13px;
	bottom: 0px;
	right: 0px;
	left: 0;
	margin: 0 auto;
	background: url("../images/shangla.png") center top no-repeat;
	cursor: pointer;
}
.reportview-page .layui-btnbox .btn-top{
	display: block;
	position: absolute;
	width: 43px;
	height: 4px;
	top: 1px;
	right: 0px;
	left: 0;
	margin: 0 auto;
	background: url("../images/moren.png") center bottom no-repeat;
	cursor: pointer;
}
/* .reportview-page .layui-btnbox .btn-top:hover{
	height: 19px;
	top: 0;
} */
.reportview-page .layui-btnbox .btn-down:hover{
	height: 19px;
	bottom: 0;
}
.reportview-page .reportviewBtn .layui-layout-right{
	top: 10px
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	margin: 0 15px;
	cursor: pointer;
	padding: 0 3px;
	border:1px solid #fff;
	box-sizing: border-box
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn span{
	position: relative;
	top: -5px
}
.reportview-page .reportviewBtn .layui-layout-right .line{
	width: 1px;
	height: 23px;
	background: #E0E0E0;
	display: inline-block
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn .pull-down{
	position: relative;
	top:2px;
	margin-left: 7px;
	height: 20px;
	display: inline-block;
}
.reportview-page .reportviewBtn .layui-layout-right .btn-reportview-export{
	width: 77px;
	padding: 0
}
.reportview-page .reportviewBtn .export{
	background: url("../images/daochu.png") center no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: 7px;
}
.reportview-page .reportviewBtn .rexport{
	background: url("../images/rdao.png") center no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: 7px;
}
.reportview-page .reportviewBtn .edit{
	background: url("../images/bianji.png") center no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
}
.reportview-page .reportviewBtn .updatePsd{
	background: url("../images/xgmm.png") center no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
}
.reportview-page .reportviewBtn .delete{
	background: url("../images/delete.png") center no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
}
.reportview-page .reportviewBtn .print{
	background: url("../images/dayin.png") center no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn:hover{
	background:rgba(234,234,234,1);
	border:1px solid rgba(204,204,204,1);
	border-radius:2px;
	box-sizing: border-box
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn.active{
	background:rgba(234,234,234,1);
	border:1px solid rgba(204,204,204,1);
	border-radius:2px;
	box-sizing: border-box
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn:hover .pull-down{
	background:rgba(222,222,222,1);
	border-left:1px solid rgba(204,204,204,1);
}
.reportview-page .reportviewBtn .layui-layout-right .reportBtn.active .pull-down{
	background:rgba(222,222,222,1);
	border-left:1px solid rgba(204,204,204,1);
}

/* 数据格式弹框  start*/
.formatItem .layui-form-item.layui-form-item-sm{
	padding: 0;

}
.formatItem .layui-input, .formatItem .layui-textarea{
	width: 222px
}
.formatItem .layui-unselect.layui-form-select{
	width: 222px
}
.formatItem .layui-form-item.layui-form-item-sm.itemTop{
	height: 63px;
	border-bottom: 2px solid #EEEEEE;
	padding: 20px 0 0 20px;
    box-sizing: border-box;
    text-align: center;
}
.formatItem .layui-form-radio{
	margin-right: 32px
}
.formatItem .itemCenter{
	margin-top: 40px;
}
/* 数据格式弹框  end*/
/* 过滤条件弹框 start */
.filtration .conditionForm{
	padding: 20px 20px 0 20px;
	box-sizing: border-box;
}
.filtration .condition,.filtration .valueWrap,.filtration .add{
	display: inline-block;
	vertical-align: middle;
}
.filtration .condition,.filtration .valueWrap{
	width: 48%
}
.filtration .title{
	padding-left: 15px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	box-sizing: border-box
}
.filtration .add{
	font-size: 20px;
	cursor: pointer;
}
.filtration .tableWrap{
	padding: 0 20px;
	box-sizing: border-box;
}
.filtration .tableWrap .layui-table-view {
	magrin: 0;
}
/* 过滤条件弹框 end  */
.rolldate-container .rolldate-wrapper li {
	display: block;
}
.bottomActionBar {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 38px;
	background-color: #fff;
	box-shadow: 0px 0px 9px 0px #e0e0e0;
	z-index: 1000;
}
.controlActionBtn {
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -30px;
	height: 60px;
	width: 60px;
	background: url(../images/visual/shaixuan2.png) center no-repeat;
	background-size: 100%;
}
.controlMask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1002;
}
.controlMask-controls-box {
	max-height: calc(100% - 56px);
	padding: 0 15px;
	overflow-y: auto;
}
.controlMask-btnbox {
	padding: 10px 15px;
}
.controlMask-searchBtn {
	height: 36px;
	width: 100%;
	color: #fff;
	background-color: #0081CC;
	font-size: 16px;
	border-radius: 4px;
	line-height: 36px;
	text-align: center;
}
.controlMask-searchBtn:hover,
.controlMask-searchBtn:active {
	background-color: #0078be;
}
.controlMask .widget-title {
	padding-bottom: 5px;
	height: 30px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
}
.controlMask .layui-input-inline {
	width: 100%;
}
/* 手机端控件样式变成蓝色主题 */
.layui-mobile-body .layui-form-checked[lay-skin=primary] i {
	background-color: #0081CC;
	border-color: #0081CC;
}
.layui-mobile-body .layui-form-radio>i:hover, .layui-mobile-body .layui-form-radioed>i {
	color: #0081CC;
}
.ctxMenu-mobile {
	right: 0;
	bottom: 0;
	max-width: 100%;
	min-width: 100%;
	border: 0;
	background-color: rgb(0, 0, 0, 0.3);
}
.seltree.ctxMenu-mobile {
    height: auto;
    width: auto;
    border: none;
    background: #000;
    z-index: 11000;
}
.seltree.ctxMenu-mobile .moveItem_resize {
	display: none;
}
.ctxMenu-mobile .dialog-tree-box {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 80px;
	background-color: #fff;
	width: auto;
	height: auto;
}
.db-portlet-ui:hover .linkageTabBox {
	display: block;
}
.linkageTabBox {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	top: -32px;
	padding-right: 40px;
	padding-left: 10px;
	height: 32px;
	line-height: 32px;
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.35);
	opacity: 0.8;
	overflow: hidden;
	overflow-x: auto;
	box-sizing: border-box;
}
.linkageTabItem {
	display: inline-block;
	margin: 0 6px;
	padding: 0 10px;
	color: #666;
	height: 20px;
	line-height: 22px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 11px;
}
.linkageTabItem:hover {
	background-color: #eee;
}
.linkageTabItem .linkageTabCloseBtn {
	margin-right: 0;
	padding-left: 10px;
	font-size: 12px;
	cursor: pointer;
}
.linkageTabCloseAllBtn {
	position: absolute;
	right: 5px;
	top: 0;
	width: 20px;
	cursor: pointer;
}
/* ================================================================== reportview-page end  ===================================================================== */
/* ================================================================== formDesigner start  ====================================================================== */
.formDesigner-body {
	overflow: hidden;
}
.formDesignerManage-page .layui-header {
	padding: 0 20px;
	border-bottom: 1px solid #ccc;
	line-height: 60px;
    background: #fff;
}
.formDesignerManage-page .rightbtn-box {
	padding-right: 20px;
}
.formDesignerManage-page.show-layui-navbar .layui-side {
	position: absolute;
	top: 61px;
	width: 240px;
	background-color: #fff;
	box-shadow: 0px 2px 10px 0px rgba(158,177,174,0.3);
}
.formDesignerManage-page .layui-side.layui-right-side {
	left: auto;
	right: 0;
	box-sizing: border-box;
}
.formDesignerManage-page .layui-side.layui-right-side .layui-tab-title {
	text-align: center;
}
.formDesignerManage-page .layui-side.layui-right-side .layui-form-item-title {
	margin-bottom: 10px;
}
.formDesignerManage-page .layui-side.layui-right-side .layui-form-item-sm .layui-input-block {
	margin-left: 0;
}
.formDesignerManage-page .layui-side.layui-right-side .layui-tab {
	margin: 0;
	height: 100%;
}
.formDesignerManage-page .layui-side.layui-right-side .layui-tab .layui-tab-content {
	position: relative;
	padding: 0;
	height: calc(100% - 41px);
}
.formDesignerManage-page .layui-side.layui-right-side .layui-tab .layui-tab-content .layui-tab-item {
	position: absolute;
	top: 15px;
	right: 0;
	bottom: 15px;
	left: 0;
	padding: 15px;
	overflow: hidden;
	overflow-y: auto;
}
.formDesignerManage-page .controlModuleType-menu {
	padding: 0 20px;
}
.formDesignerManage-page .controlModuleType-menu .layui-menu-item-title {
	color: #292929;
	line-height: 34px;
}
.formDesignerManage-page .controlModuleType-menu .layui-menu-item {
	padding: 0 17px;
	margin-bottom: 4px;
	background-color: #F6F7FC;
	color: #666;
	border: 1px solid #F6F7FC;
	line-height: 26px;
	cursor: pointer;
}
.formDesignerManage-page .controlModuleType-menu .layui-menu-item:hover,
.formDesignerManage-page .controlModuleType-menu .layui-menu-item.active {
	border: 1px dashed #4785E6;
	color: #4785E6;
}
.formDesignerManage-page .controlModuleType-menu .layui-menu-item span {
	display: inline-block;
	vertical-align: middle;
}
.formDesignerManage-page .controlModuleType-menu .layui-menu-item:hover span,
.formDesignerManage-page .controlModuleType-menu .layui-menu-item.active span {
	color: #4785E6;
}
.formDesignerManage-page .controlModuleType-menu .layui-menu-item .iconfont {
	margin-right: 8px;
}
.formDesignerManage-page .layui-body {
	position: absolute;
	left: 240px;
    top: 61px;
    right: 240px;
    padding: 0;
}
.formDesignerManage-page .pageContainer {
	position: relative;
    width: 100%;
    height: 100%;
    flex: 1;
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 24px 100px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
	box-sizing: border-box;
}
.formDesignerManage-page.formDesignerViewManage-page .pageContainer {
	padding: 24px;
}
.formDesignerManage-page.formDesignerManage-mobile-page #reportFormDataForm {
	height: calc(100% - 52px);
}
.formDesignerManage-page.formDesignerManage-webview-page #reportFormDataForm {
	height: calc(100% - 110px);
}
.formDesignerManage-page.formDesignerManage-mobile-page .layui-header,
.formDesignerManage-page.formDesignerManage-webview-page .layui-header {
	display: none;
}
.formDesignerManage-page.formDesignerManage-mobile-page .layui-body,
.formDesignerManage-page.formDesignerManage-webview-page .layui-body {
	left: 0;
	right: 0;
	top: 0;
}
.formDesignerManage-page.formDesignerManage-mobile-page .db-page .page-layout,
.formDesignerManage-page.formDesignerManage-webview-page .db-page .page-layout
 {
	top: 0;
	right: 0;
	left: 0;
	margin-left: 0;
	padding: 0;
	max-height: 100%;
	width: auto;
	border-radius: 0;
}
.formDesignerManage-page.formDesignerManage-mobile-page .db-page .page-layout .pageContainer{
    padding: 15px 0;
	border-radius: 0;
}
.formDesignerManage-page.formDesignerManage-webview-page .db-page .page-layout .pageContainer {
    padding: 15px 0 0 0;
	border-radius: 0;
}
.formDesignerViewManage-page.formDesignerManage-mobile-page #reportFormDataForm {
	height: 100%;
}
.webview-btn-wrap {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	display: flex;
	flex-direction: row;
}
.webview-btn-save {
	padding: 5px 0 0 10px;
	width: 50px;
	color: #666;
	text-align: center;
}
.webview-btn-save .iconfont {
	display: block;
	margin-right: 0;
	font-size: 20px;
}
.webview-btn-box {
	flex: 1;
	padding: 10px;
}
.webview-btn-box .layui-btn {
	width: 100%;
}
.formDesignerManage-page .tempTipsBox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 1;
}
.formDesignerManage-page .tempTips {
    font-size: 14px;
    color: rgba(23, 26, 29, 0.4);
}
.formDesignerManage-page .dragTips {
    font-size: 14px;
    color: rgba(23, 26, 29, 0.4);
	text-align: center;
}
.formDesignerManage-page .pageContainer .tempTips {
	margin-top: 10px;
	padding: 0 15px;
	height: 90px;
	border: 1px dashed rgba(25, 31, 37, 0.12);
	line-height: 90px;
    border-radius: 4px;
}
.formDesignerManage-page .tempTips span {
	vertical-align: middle;
}
.formDesignerManage-page .tempTipsBox .tempTips {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0;
	right: 0;
	text-align: center;
}
.formDesignerManage-page .tempTips .tips-label {
	margin-left: 12px;
    font-size: 20px;
    color: #0089ff;
    line-height: 12px;
}
.formDesignerManage-page .db-portlet-ui {
	position: relative;
    min-height: 38px;
    transition: 0.3s all ease;
	cursor: pointer;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui {
	margin-bottom: 16px;
}
.formDesignerManage-page.formDesignerViewManage-page .visual-edit-body .db-portlet-ui.portlet-columnLayout {
	margin-bottom: 0;
}
.formDesignerManage-page.formDesignerViewManage-page .page-header {
	display: none;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px;
	font-size: 18px;
	font-weight: bold;
    line-height: 50px;
    border-bottom: 2px dotted #eee;
    background-color: #fff;
    box-sizing: border-box;
    color: #333;
}
.formDesignerManage-page.formDesignerViewManage-page .page-state-wrap,
.formDesignerManage-page.formDesignerViewManage-page .webview-btn-wrap {
	display: none;
}

.formDesignerManage-page.formDesignerViewManage-page .page-state-wrap {
	position: relative;
	padding: 0 10px;
	line-height: 51px;
	border-bottom: 1px solid rgba(17, 31, 44, .08);
	box-sizing: border-box;
}
.formDesignerManage-page.formDesignerViewManage-page .page-state-wrap .stateMoreBtn {
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer;
}
.formDesignerManage-page.formDesignerViewManage-page .page-state-wrap .stateMoreBtn .iconfont {
	font-size: 20px;
}

.formDesignerManage-page.formDesignerManage-mobile-page .page-header {
	display: block;
	line-height: 43px;
}
.formDesignerManage-page.formDesignerManage-webview-page .page-state-wrap{
	display: block;
}
.formDesignerManage-page.formDesignerManage-webview-page .webview-btn-wrap {
	display: flex;
}
.formDesignerManage-page .db-portlet-ui.portlet-table,
.formDesignerManage-page .db-portlet-ui.portlet-columnLayout {
	border: 1px solid transparent;
}
.formDesignerManage-page .db-portlet-ui.portlet-table.dragHover,
.formDesignerManage-page .db-portlet-ui.portlet-columnLayout.dragHover {
	border-color: #0089ff;
}
.formDesignerManage-page .db-portlet-ui.portlet-table > .content_border_box,
.formDesignerManage-page .db-portlet-ui.portlet-columnLayout > .content_border_box {
	border: 1px dashed #ccc;
}
.formDesignerManage-page .viewor_h5 .db-portlet-ui.portlet-table > .content_border_box,
.formDesignerManage-page .viewor_pc .db-portlet-ui.portlet-table > .content_border_box,
.formDesignerManage-page .viewor_h5 .db-portlet-ui.portlet-columnLayout > .content_border_box,
.formDesignerManage-page .viewor_pc .db-portlet-ui.portlet-columnLayout > .content_border_box{
	border: none;
}
.portlet-table-list-head {
	color: #999;
	line-height: 20px;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .content_border_box {
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    vertical-align: middle;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap {
	padding: 10px 15px;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    background: #fff;
    font-size: 16px;
	line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formDesignerManage-page .viewor_pc .visual-edit-body .db-portlet-ui .columnLayout-wrap .db-portlet-ui .portlet-wrap {
	padding: 10px 15px;
}

.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-table-list-title .portlet-table-list-del {
	position: absolute;
	right: 15px;
	top: 0;
	color: #0078be;
	cursor: pointer;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head {
	margin-bottom: 8px;
	font-size: 14px;
	color: #171A1D;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap .layui-rate {
	padding: 0;
}
.formDesignerManage-page .db-portlet-ui .portlet-wrap.table-wrap, 
.formDesignerManage-page .db-portlet-ui .portlet-wrap.columnLayout-wrap {
	padding: 0;
}
.formDesignerManage-page .db-portlet-ui .portlet-wrap.table-wrap> .portlet-head, 
.formDesignerManage-page .db-portlet-ui .portlet-wrap.columnLayout-wrap> .portlet-head {
	margin-bottom: 0;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: rgba(25, 31, 37, 0.56);
}
.formDesignerManage-page .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.formDesignerManage-page .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui {
	flex: 0 0 100%;
	display: block;
    max-width: 100%;
    min-height: 1px;
}
.formDesignerManage-page .editor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-6,
.formDesignerManage-page .viewor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-6 {
	flex: 0 0 25%;
	max-width: 25%;
}
.formDesignerManage-page .editor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-12,
.formDesignerManage-page .viewor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-12 {
	flex: 0 0 50%;
	max-width: 50%;
}
.formDesignerManage-page .editor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-18,
.formDesignerManage-page .viewor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-18 {
    flex: 0 0 75%;
    max-width: 75%;
}
.formDesignerManage-page .editor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-24,
.formDesignerManage-page .viewor_pc .db-portlet-ui .portlet-wrap.columnLayout-wrap .portlet-body > .db-portlet-ui.col-24 {
    flex: 0 0 100%;
    max-width: 100%;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head .addFileH5-btn {
	display: none;
	position: absolute;
	right: 20px;
    top: 10px;
    cursor: pointer;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head .addFileH5-btn .layui-icon {
	font-size: 18px;
	color: #999;
}
.formDesignerManage-page .viewor_pc .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head .addFileH5-btn {
	display: none;
}
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head .addFileH5-btn {
	display: block;
}
.formDesignerManage-page .db-portlet-ui .portlet-mark {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
}
.formDesignerManage-page .db-portlet-ui .portlet-error-tips {
	margin-top: -5px;
	color: #ff5722;
	font-size: 12px;
}
.formDesignerManage-page .db-portlet-ui .portlet-table-list-title {
	color: #999;
	font-size: 14px;
	position: relative;
}
.formDesignerManage-page.formDesignerManage-mobile-page .viewor_h5 .db-portlet-ui .portlet-wrap.table-wrap .portlet-add-row,
.formDesignerManage-page.formDesignerManage-webview-page .viewor_h5 .db-portlet-ui .portlet-wrap.table-wrap .portlet-add-row {
    color: #0078be;
}
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-table-list-title {
	padding: 0 15px;
}
.formDesignerManage-page .db-portlet-ui .buttonbox,
.formDesignerManage-page .db-portlet-ui.portlet_selected>.buttonbox .control-box {
	display: block;
}
.formDesignerManage-page .db-portlet-ui .control-box,
.formDesignerManage-page .db-portlet-ui .handle-move {
	display: none;
}
.formDesignerManage-page .db-portlet-ui:hover >.buttonbox > .handle-move {
	display: block;
}
.formDesignerManage-page .db-portlet-ui.form-portlet .control-box {
    padding: 5px 10px;
    top: 5px;
	line-height: 20px;
	border-radius: 16px;
    background: rgba(17, 31, 44, 0.04);
}
.formDesignerManage-page .db-portlet-ui.form-portlet .control-box div {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.formDesignerManage-page .db-portlet-ui.form-portlet .control-box .control-btn {
	margin-right: 0;
	text-align: center;
}
.formDesignerManage-page .db-portlet-ui.form-portlet .control-box .control-btn:hover {
	color: #0089ff;
}
.formDesignerManage-page .db-portlet-ui.form-portlet .control-box .separator-line {
	margin: 0 8px;
	border-top: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.formDesignerManage-page .db-portlet-ui .content-empty {
	height: 50px;
	width: 100%;
	color: #ccc;
	background-color: #ddeff3;
	text-align: center;
	line-height: 50px;
}
.formDesignerManage-page .db-portlet-ui .portlet-footer {
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 0 15px;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.formDesignerViewManage-page .db-portlet-ui .portlet-footer {
	justify-content: left;
}
.formDesignerViewManage-page .db-portlet-ui .portlet-footer .portlet-add-row {
	padding: 2px 15px;
	color: #0081CC;
	border-radius: 4px;
	border: 1px solid #0081CC;
}
.formDesignerViewManage-page .viewor_pc .db-portlet-ui .portlet-footer .portlet-add-row:hover {
	color: #fff;
	background: #4785e6
}
.formDesignerViewManage-page .viewor_h5 .db-portlet-ui .portlet-footer {
	justify-content: center;
}
.formDesignerViewManage-page .viewor_h5 .db-portlet-ui .portlet-footer .portlet-add-row  {
	border: none;
}
.formDesignerViewManage-page .db-portlet-ui .portlet-table-totlRow {
	padding: 5px 15px;
    font-size: 12px;
    line-height: 20px;
    color: #acadac;
}
.formDesignerViewManage-page .viewor_pc .db-portlet-ui .portlet-table-totlRow {
	padding: 5px 0 0 0;
	margin-top: 15px;
	border-top: 1px solid #ccc;
    font-size: 13px;
}
.formDesignerViewManage-page .db-portlet-ui .portlet-table-totlRow .totlRow-title,
.formDesignerViewManage-page .db-portlet-ui .portlet-table-totlRow .uppercase-title {
	text-align: right;
}
.formDesignerViewManage-page .viewor_pc .db-portlet-ui .portlet-table-totlRow .totlRow-title,
.formDesignerViewManage-page .viewor_pc .db-portlet-ui .portlet-table-totlRow .uppercase-title {
	min-width: 200px;
}
.formDesignerViewManage-page .db-portlet-ui .portlet-table-totlRow .totlRow-value {
	color: #333;
}
.formDesignerManage-page .db-portlet-ui .note-content {
	color: #858e99;
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.6;
}
.formDesignerManage-page .db-portlet-ui .close-score {
	position: absolute;
	right: 15px;
	font-size: 12px;
	color: #0078be;
}
.layui-form-select .layui-tipsign {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
}
.formDesignerManage-page .db-portlet-ui .layui-input {
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	box-sizing: border-box;
}
.formDesignerManage-page .db-portlet-ui .layui-input.portlet-formula-input {
	border: none;
}
.formDesignerManage-page .db-portlet-ui .layui-input-wrap {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.formDesignerManage-page .db-portlet-ui .layui-textarea {
	min-height: 100px;
	max-height: 210px;
	font-size: 14px;
	overflow-y: auto;
	resize: none;
}
.formDesignerManage-page .db-portlet-ui .amountInWords-item {
	font-size: 13px;
	color: #acadac;
}
.formDesignerManage-page .db-portlet-ui .amountInWords-item div {
	display: inline-block;
}
.formDesignerManage-page .db-portlet-ui .amountInWords-label {
	padding-right: 10px;
}
.formDesignerManage-page .viewor_h5 .db-portlet-ui .amountInWords-item div {
	display: block;
	font-size: 12px;
	line-height: 20px;
}
.formDesignerManage-page .viewor_h5 .db-portlet-ui .amountInWords-item .amountInWords-label {
	color: #171A1D;
}
.formDesignerManage-page .photo-content {
	position: relative;
    width: 100px;
    height: 100px;
	border-radius: 4px;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-size: cover;
}
.formDesignerManage-page .photo-content .portlet-file-content-add {
	padding-top: 25px;
	height: 100%;
	color: #808080;
	border: 1px dashed #E1E7E6;
	text-align: center;
	box-sizing: border-box;
}
.formDesignerManage-page .photo-content .portlet-file-close {
	position: absolute;
	right: -10px;
	top: -10px;
	cursor: pointer;
}
.formDesignerManage-page.formDesignerManage-mobile-page .photo-content .portlet-file-close,
.formDesignerManage-page.formDesignerManage-webview-page .photo-content .portlet-file-close {
	font-size: 12px;
}
.formDesignerManage-page .annex-content .portlet-file-content-add {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #E1E7E6;
    border-radius: 4px;
	font-size: 12px;
	color: #808080;
}
.formDesignerManage-page .annex-content .portlet-file-content-add *,
.formDesignerManage-page .annex-content .portlet-file-content-box * {
	display: inline-block;
	vertical-align: middle;
}
.formDesignerManage-page .annex-content .portlet-file-content-box {
	padding-left: 10px;
	color: #4785E6;
}
.formDesignerManage-page .annex-content .portlet-file-content-box .portlet-file-name {
	width: calc(100% - 60px);
	font-size: 12px;
	color: #494949;
}
.formDesignerManage-page .annex-content .portlet-file-content-add .iconfont {
	margin-right: 10px;
}
.formDesignerManage-page .photo-content .portlet-file-content-add .iconfont {
	margin-right: 0;
	font-size: 24px;
}
.formDesignerManage-page .photo-content .portlet-file-content-add p {
	font-size: 12px;
}
.formDesignerManage-page .portletInfoForm-tab .layui-form-switch {
	margin-top: 0;
}
.formDesignerManage-page .layui-right-side .layui-form-item-sm {
	margin-bottom: 16px;
}
.formDesignerManage-page .note-important-btn {
	position: absolute;
	top: -3px;
	right: 0;
	height: 20px;
	width: 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 20px;
	text-align: center;
	opacity: 0.6;
	cursor: pointer;
}
.formDesignerManage-page .note-important-btn.active {
	box-shadow: inset 0 2px 4px #999;
	opacity: 1;
}
.formDesignerManage-page .note-important-btn .iconfont {
	margin: 0;
}
.formDesignerManage-page .note-important-btn .color-preview {
	position: absolute;
    bottom: 2px;
    right: 2px;
    left: 2px;
	height: 3px;
	background-color: red;
}
.layui-form-item-required::before {
	display: inline-block;
    transform: translateX(-10px);
    margin-right: -7px;
	color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: '*';
}
.formDesignerManage-page .note-content.hasLink {
	color: #0089ff;
    cursor: pointer;
}
.formDesignerManage-page .editor_pc,
.formDesignerManage-page .viewor_pc .visual-edit-body {
	background-color: #fff;
}
.formDesignerManage-page .editor_h5 .page-layout,
.formDesignerManage-page .viewor_h5 .page-layout {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -180px;
    width: 360px;
    max-height: 640px;
    border: 1px solid rgba(17, 31, 44, 0.08);
    box-shadow: 0 8px 40px 0 rgba(17, 31, 44, 0.12);
    border-radius: 24px;
    padding: 10px;
	background-color: #fff;
}
.formDesignerManage-page .editor_h5 .page-layout .pageContainer,
.formDesignerManage-page .viewor_h5 .page-layout .pageContainer {
    padding: 12px 1px 100px;
    background: #f2f4f5;
    border-radius: 14px;
}
.formDesignerManage-page .editor_h5 .layui-form-item-sm,
.formDesignerManage-page .editor_pc .money-wrap .layui-form-item-sm,
.formDesignerManage-page .viewor_h5 .layui-form-item-sm {
	margin-bottom: 0;
}

.formDesignerManage-page .editor_h5 .layui-form-item-sm .layui-input,
.formDesignerManage-page .viewor_h5 .layui-form-item-sm .layui-input,
.formDesignerManage-page .editor_pc .money-wrap .layui-form-item-sm .layui-input,
.formDesignerManage-page .editor_h5 .layui-textarea,
.formDesignerManage-page .viewor_h5 .layui-textarea {
	padding-left: 0;
	border-color: transparent !important;
	font-size: 16px;
}
.formDesignerManage-page .editor_h5 .layui-textarea,
.formDesignerManage-page .viewor_h5  .layui-textarea {
	min-height: 75px !important;
	height: 75px;
}
.formDesignerManage-page .editor_h5 .layui-input-suffix .layui-icon-down::before,
.formDesignerManage-page .viewor_h5 .layui-input-suffix .layui-icon-down::before,
.formDesignerManage-page .editor_h5 .layui-input-suffix .layui-icon-date::before,
.formDesignerManage-page .viewor_h5 .layui-input-suffix .layui-icon-date::before {
	content: "\e602";
}
.formDesignerManage-page .editor_h5 .layui-input-suffix.layui-input-number,
.formDesignerManage-page .viewor_h5 .layui-input-suffix.layui-input-number {
	display: none;
}
.formDesignerManage-page .editor_h5 .layui-form-item-sm .layui-input:focus,
.formDesignerManage-page .editor_h5 .money-wrap .layui-form-item-sm .layui-input:focus,
.formDesignerManage-page .viewor_h5 .layui-form-item-sm .layui-input:focus,
.formDesignerManage-page .editor_h5 .layui-form-item-sm .layui-input:hover,
.formDesignerManage-page .editor_pc .money-wrap .layui-form-item-sm .layui-input:hover,
.formDesignerManage-page .viewor_h5 .layui-form-item-sm .layui-input:hover,
.formDesignerManage-page .editor_h5 .layui-textarea:focus,
.formDesignerManage-page .viewor_h5 .layui-textarea:focus,
.formDesignerManage-page .editor_h5 .layui-textarea:hover,
.formDesignerManage-page .viewor_h5 .layui-textarea:hover {
	border-color: transparent;
	box-shadow: none;
}
.formDesignerManage-page .editor_pc .visual-edit-body .db-portlet-ui > .content_border_box,
.formDesignerManage-page .editor_h5 .visual-edit-body .db-portlet-ui > .content_border_box {
	border-left: 3px solid #fff;
}
.formDesignerManage-page .editor_pc .db-portlet-ui.portlet-table > .content_border_box,
.formDesignerManage-page .editor_pc .db-portlet-ui.portlet-columnLayout > .content_border_box,
.formDesignerManage-page .editor_h5 .db-portlet-ui.portlet-table > .content_border_box,
.formDesignerManage-page .editor_h5 .db-portlet-ui.portlet-columnLayout > .content_border_box {
    border-left: 3px dashed #ccc;
}
.formDesignerManage-page .editor_pc .db-portlet-ui:hover > .content_border_box,
.formDesignerManage-page .editor_h5 .db-portlet-ui:hover > .content_border_box {
	border-left: 3px solid #bfc1c2;
	box-shadow: 0 1px 10px 0 rgba(226, 226, 226, 0.5);
	z-index: 12;
	cursor: grab;
}
.formDesignerManage-page .editor_pc .db-portlet-ui.portlet_selected > .content_border_box,
.formDesignerManage-page .editor_h5 .db-portlet-ui.portlet_selected > .content_border_box {
	z-index: 12;
    border-left: 3px solid #0089ff !important;
    box-shadow: 0 1px 10px 0 rgba(226, 226, 226, 0.5);
    border-radius: 0;
}
.formDesignerManage-page .editor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head,
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head {
	margin-bottom: 4px;
	font-size: 16px;
}
.formDesignerManage-page.formDesignerViewManage-page .visual-edit-body .db-portlet-ui .portlet-wrap.columnLayout-wrap >.portlet-head {
	display: none;
}
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap.table-wrap >.portlet-head {
    margin-bottom: 0;
    height: 30px;
    font-size: 14px;
	line-height: 30px;
}
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap.table-wrap >.portlet-body {
    padding: 0 10px;
}
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap.table-wrap >.portlet-body > .db-portlet-ui,
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap.columnLayout-wrap > .portlet-body > .db-portlet-ui ,
.formDesignerManage-page .visual-edit-body .db-portlet-ui .portlet-wrap.table-wrap > .portlet-body >.portlet-table-list >.portlet-table-list-body > .db-portlet-ui {
	margin-bottom: 0;
}
.formDesignerManage-page.formDesignerViewManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap.table-wrap > .portlet-body {
	padding: 0;
}
.formDesignerManage-page.formDesignerViewManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap.table-wrap > .portlet-body >.portlet-table-list {
	background-color: #f8f8f8;
	line-height: 30px;
}
.formDesignerManage-page .editor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head .addFileH5-btn,
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .portlet-wrap .portlet-head .addFileH5-btn {
	display: block;
}
.formDesignerManage-page .editor_h5 .visual-edit-body .db-portlet-ui .photo-content,
.formDesignerManage-page .editor_h5 .visual-edit-body .db-portlet-ui .annex-content,
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .photo-content,
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .annex-content {
	display: none;
}
.formDesignerManage-page .viewor_h5 .visual-edit-body .db-portlet-ui .photo-content {
	height: 60px;
	width: 60px;
}
.formDesignerManage-page .db-portlet-ui .layui-table-cell .layui-table-cell-btn {
	color: #4785E6;
}

.proportionBox .edit-check-group {
	display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    background-color: #f2f2f7;
    border-radius: 16px;
}
.proportionBox .edit-item-check-btn {
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(17, 31, 44, 0.56);
    cursor: pointer;
    transition: all 0.5 linear;
}
.proportionBox .edit-item-check-btn.active {
	width: 100%;
    height: 100%;
    background-color: #0089ff;
    color: #fff;
    border-radius: 16px;
}
.viewSwitchBox {
	position: absolute;
	top: 100px;
	right: 50%;
	margin-right: -627px;
	background-color: #e5e5e5;
	border-radius: 0px 0px 2px 2px;
	box-shadow: 2px 3px 10px 0px rgba(133,150,149,0.35);
}
.formDesignerManage-page .viewor_h5 .viewSwitchBox {
	margin-right: -227px;
}
.formDesigner-body .layui-widget-header {
	min-width: 120px;
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	border: 1px solid #0089ff;
	border-radius: 6px;
	color: #0089ff;
}
.viewSwitchBox .viewor-btn {
	width: 36px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}
.viewSwitchBox .viewor-btn .iconfont {
	margin-right: 0;
	font-size: 20px;
}
.viewSwitchBox .viewor-btn.active {
	background-color: #0089ff;
	color: #fff;
}
.formDesigner-body .layui-formrelease-tab .layui-tab-content {
	padding: 10px;
}
.formDesigner-body .layui-formrelease-tab .itemsTable-box .layui-table-cell {
	height: 30px;
}
.formDesigner-body .layui-allreadwrite-form {
	right: -14px;
}
.formDesigner-body .layui-allreadwrite-form .layui-form-checkbox:last-child {
	margin-left: 15px;
}
.formDesigner-body .formulasTemp {
	padding: 20px;
}
.formDesigner-body .formulasTemp .formulas-item-box {
	padding: 10px 5px;
	height: 100px;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow-y: auto;
}
.formDesigner-body .formulasTemp .formulas-item-box span {
	line-height: 20px;
}
.formDesigner-body .formulasTemp .formulas-item-box .portlet-item {
	margin: 0 2px;
    padding: 3px 13px;
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    white-space: nowrap;
    border-radius: 2px;
	line-height: 1;
    color: rgba(0, 0, 0, 0.65);
}
.formDesigner-body .formulasTemp .layui-form-item-block .btn-box {
	position: absolute;
	right: 10px;
	bottom: 0;
}
.formDesigner-body .formulasTemp .layui-form-item-block .btn-box span {
	line-height: 24px;
	vertical-align: middle;
	cursor: pointer;
}
.formDesigner-body .formulasTemp .layui-form-item-block .btn-box .formula-clear-btn {
	padding: 0 5px;
	color: #f28172;
}
.formDesigner-body .formulasTemp .layui-form-item-block .layui-input-block {
	margin-left: 0;
}
.formDesigner-body .formulasTemp .layui-form-item-sm .layui-input-block {
	margin-left: 61px;
}
.formDesigner-body .formulasTemp .layui-form-item-sm .layui-form-label {
	width: 60px;
}
.formDesigner-body .formulasTemp .layui-form-item-sm .portlet-items-box {
	max-height: 72px;
	overflow-y: auto;
}
.formDesigner-body .formulasTemp .layui-form-item-sm .layui-btn-sm {
	margin: 0 15px 10px 0;
}
#swap-canvas-effect {
	position: fixed;
	padding: 0;
	background: #0089ff;
	z-index: 10000000;
	text-align: center;
	pointer-events: none;
}
#swap-canvas-effect:before, #swap-canvas-effect:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	border: 4px solid #0089ff;
	pointer-events: none;
}
#swap-canvas-effect.left, #swap-canvas-effect.right {
	width: 2px;
}
#swap-canvas-effect.left:before, #swap-canvas-effect.right:before, #swap-canvas-effect.left:after, #swap-canvas-effect.right:after {
	left: -4px;
	border-left-color: transparent;
	border-right-color: transparent;
}
#swap-canvas-effect.left:before, #swap-canvas-effect.right:before {
	top: 0;
	border-bottom-width: 0;
}
#swap-canvas-effect.left:after, #swap-canvas-effect.right:after {
	bottom: 0;
	border-top-width: 0;
}
#swap-canvas-effect.top, #swap-canvas-effect.bottom, #swap-canvas-effect.in {
	height: 2px;
}
#swap-canvas-effect.top:before, #swap-canvas-effect.bottom:before, #swap-canvas-effect.in:before, #swap-canvas-effect.top:after, #swap-canvas-effect.bottom:after, #swap-canvas-effect.in:after {
	top: -4px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
#swap-canvas-effect.top:before, #swap-canvas-effect.bottom:before, #swap-canvas-effect.in:before {
	left: 0;
	border-right-width: 0;
}
#swap-canvas-effect.top:after, #swap-canvas-effect.bottom:after, #swap-canvas-effect.in:after {
	right: 0;
	border-left-width: 0;
}
#swap-canvas-effect.in b {
	display: inline-block;
}
#swap-canvas-effect b {
	display: inline-block;
	position: relative;
	top: -12px;
	margin: 0 auto;
	padding: 0 10px;
	color: #fff;
	background: #0089ff;
	height: 16px !important;
	line-height: 16px !important;
	font-weight: normal;
	font-size: 11px;
	display: none;
}
.dragproxy {
	position: absolute;
	padding: 0 10px;
	height: 40px;
	min-width: 180px;
	color: #0089ff;
	border: 1px solid #0089ff;
	border-radius: 4px;
	line-height: 40px;
	z-index: 1999;
}
.layui-colorpicker> span {
	width: 100%;
}
.titleModeWrap {
	padding: 20px;
	box-sizing: border-box;
}
.titleModeWrap .layui-form {
	text-align: center;
}
.titleModeWrap .layui-form .layui-form-radio:first {
	margin-right: 100px;
}
.titleModeWrap .titleMode-box {
	position: relative;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 12px;
}
.titleModeWrap .titleMode-itemBox {
	height: 150px;
	overflow: hidden;
	overflow-y: auto;
}
.titleModeWrap .titleMode-box .layui-btn {
	position: absolute;
	right: 15px;
	bottom: 15px;
	line-height: 28px;
}
.titleModeWrap .titleMode-itemBox {
	font-size: 14px;
}
.titleModeWrap .titleMode-itemBox .titleModelItem {
	position: relative;
	display: inline-block;
}
.titleModeWrap .titleMode-itemBox .titleModelItem .titleCloseBtn {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.titleModeWrap .titleMode-itemBox .titleModelItem .titleCloseBtn .iconfont {
	margin-right: 0;
	font-size: 13px;
	color: #FF5722;
}
.titleModeWrap .titleMode-itemBox .titleModelItem:hover .titleCloseBtn {
	display: inline-block;
}
.titleModeWrap .titleMode-itemBox .titleModelName {
	margin: 2px 4px;
	padding: 3px 10px;
	border-radius: 4px;
	color: #0089FF;
    background: rgba(0,137,255,0.12);
}
.titleModeWrap .titleMode-itemBox .readonlyState .titleModelName {
	background-color: rgba(126, 134, 142, 0.16);
	color: #171A1D;
}
.titleModeWrap .titleMode-itemBox .titleModelInput {
	padding: 3px 0;
	min-width: 5px;
}
.titleModeWrap .titleMode-itemBox .titleModelInput:focus {
	outline: none;
}
.addSummaryModelItem-btn {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 14px;
	color: #0089FF;
	cursor: pointer;
}
.dec-form .decbox {
	display:flex;
	flex-direction:row;
	border-bottom:1px solid #f0f0f0;
}
.dec-form .dec-left-box, .dec-form .dec-right-box {
	flex: 1;
	padding:15px;
}
.dec-form .dec-left-box {
	border-right: 1px solid #f0f0f0;
}
.dec-form .dec-title {
	padding-bottom: 10px;
	width: 100%;
	font-size: 14px;
}
.dec-form .dec-tips {
	font-weight:normal;
	font-size:12px;
	color:rgba(23, 26, 29, 0.4);
}
.dec-form .dec-list {
	height: 300px;
	overflow: hidden;
	overflow-y: auto;
}
.dec-form .dec-item {
	position: relative;
	width: 219.5px;
	line-height: 28px;
	box-sizing: border-box;
}
.dec-form .dec-right-box .dec-item {
	padding-right: 40px;
}
.dec-form .dec-item-btn {
	position: absolute;
	right: 0;
	cursor: pointer;
}
.dec-form .dec-item-btn:first-child {
	right: 20px;
}
.layui-menu-body-title {
	min-width: 100px;
}
.requestDialog-wrap .title-box {
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}
.requestDialog-wrap .title-box .requestDialog-close-btn {
	position: absolute;
	left: 15px;
	width: 30px;
	text-align: center;
	cursor: pointer;
}
.requestDialog-wrap .form-wrap {
	padding-top: 15px;
	font-size: 15px;
	background-color: #eee;
}
.requestDialog-wrap .layui-form {
	background-color: #fff;
}
.requestDialog-wrap .layui-list-item {
	padding: 10px 20px 5px 20px;
	border-bottom: 1px solid #eee;
}
.requestDialog-wrap .layui-list-item-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.requestDialog-wrap .layui-list-item-content .layui-input, 
.requestDialog-wrap .layui-list-item-content .arroright {
	flex: 1;
} 
.requestDialog-wrap .layui-list-item-content .layui-input {
	padding-left: 0;
	border: 0;
	line-height: 1.2;
}
.requestDialog-wrap .layui-list-item-content .layui-input:focus {
	outline: none !important;
}
.requestDialog-wrap .requestDialog-btn-box {
	position: absolute;
	top: auto;
	right: 0;
	left: 0;
	bottom: 20px;
	text-align: center;
}
.requestDialog-wrap .requestDialog-btn-box .layui-btn {
	width: calc(50% - 30px);
}
/* ================================================================== formDesigner end  ======================================================================== */
/* ================================================================== 过滤组件-单选大中小样式 start  ===================================================================== */
.db-page .widget-box .layui-form-radio-lineHeight-small {
	line-height: 16px !important;
}
.db-page .widget-box .layui-form-radio-fontSize-small {
	font-size: 12px !important;
}
/*中*/
.db-page .widget-box .layui-form-radio-lineHeight-medium {
	line-height: 20px !important;
}
.db-page .widget-box .layui-form-radio-fontSize-medium {
	font-size: 14px !important;
}
/*大*/
.db-page .widget-box .layui-form-radio-lineHeight-big {
	line-height: 24px !important;
}
.db-page .widget-box .layui-form-radio-fontSize-big {
	font-size: 16px !important;
}
/* ================================================================== 过滤组件-单选大中小样式 end  ===================================================================== */
/* ================================================================== 过滤组件-复选大中小样式 start  ===================================================================== */

.db-page .widget-box .layui-form-checkbox-small {
	min-width: 21px;
	min-height: 21px;
}
.db-page .widget-box .layui-form-checkbox-small i {
	width: 15px;
	height: 15px;
	line-height: 15px;
}
.db-page .widget-box .layui-form-checkbox-small span {
	font-size: 12px;
	line-height: 17px;
}

/*中*/
.db-page .widget-box .layui-form-checkbox-medium {
	min-width: 24px;
	min-height: 24px;
}
.db-page .widget-box .layui-form-checkbox-medium i {
	width: 18px;
	height: 18px;
	line-height: 18px;
}
.db-page .widget-box .layui-form-checkbox-medium span {
	font-size: 14px;
	line-height: 20px;
}

/*大*/
.db-page .widget-box .layui-form-checkbox-big {
	min-width: 27px;
	min-height: 27px;
}
.db-page .widget-box .layui-form-checkbox-big i {
	width: 22px;
	height: 22px;
	line-height: 24px;
}
.db-page .widget-box .layui-form-checkbox-big span {
	font-size: 16px;
	line-height: 24px;
}
/* ================================================================== 过滤组件-复选大中小样式 end  ===================================================================== */
/* ================================================================== 过滤组件-下拉框大中小样式 start  ===================================================================== */
.db-page .widget-box .multiselect-box-small {
	width: 52px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}

/*中*/
.db-page .widget-box .multiselect-box-medium {
	width: 70px;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
}

/*大*/
.db-page .widget-box .multiselect-box-big {
	width: 170px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
}
/* ================================================================== 过滤组件-下拉框大中小样式 end  ===================================================================== */
/* ================================================================== 过滤组件-文本框大中小样式 start  ===================================================================== */
.db-page .widget-box .layui-input-inline-small .portlet-edit-input {
	width: 70%;
	height: 23px;
}

/*中*/
.db-page .widget-box .layui-input-inline-medium .portlet-edit-input {
	width: 85%;
	height: 30px;
}

/*大*/
.db-page .widget-box .layui-input-inline-big .portlet-edit-input {
	width: 100%;
	height: 38px;
}
/* ================================================================== 过滤组件-文本框大中小样式 end  ===================================================================== */
/* ================================================================== 过滤组件-切换按钮形式 start  ======================================================================= */
.content-slot__div .layui-switch-botton-form .layui-form {
	position: absolute;
	left: 30px;
	right: 30px;
	height: 32px;
	line-height: 32px;
	background-color: #f7f7f7;
	border-radius: 16px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .2s;
}
.content-slot__div .layui-switch-botton-form .form-box ,.content-slot__div .layui-switch-botton-form .layui-inline {
	font-size: 0;
}
.content-slot__div .layui-switch-botton-form .layui-form-radio, .content-slot__div .layui-switch-botton-form .layui-form-checkbox  {
	margin: 0 5px;
	padding: 0 15px;
    height: 32px !important;
    line-height: 32px !important;
	border-radius: 16px;
}

.content-slot__div .layui-switch-botton-form .layui-form-checkbox span {
	padding: 0;
	line-height: 30px !important;
}
.content-slot__div .layui-switch-botton-form .layui-inline:first-child .layui-form-radio,
.content-slot__div .layui-switch-botton-form .layui-inline:first-child .layui-form-checkbox {
	margin-left: 0;
}
.content-slot__div .layui-switch-botton-form .layui-inline:last-child .layui-form-radio,
.content-slot__div .layui-switch-botton-form .layui-inline:last-child .layui-form-checkbox {
	margin-right: 0;
}
.content-slot__div .layui-switch-botton-form .layui-form-radio.layui-form-radioed,
.content-slot__div .layui-switch-botton-form .layui-form-checkbox.layui-form-checked {
	color: #fff;
	background: #4785e6;
}
.content-slot__div .layui-switch-botton-form .layui-form-checkbox.layui-form-checked span {
	color: #fff;
}
.content-slot__div .layui-switch-botton-form .layui-form-radio .layui-anim.layui-icon,
.content-slot__div .layui-switch-botton-form .layui-form-checkbox .layui-icon-ok.layui-icon {
	display: none;
}

.layui-switch-botton-btn {
	position: absolute;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
}
.layui-switch-botton-btn.layui-left-btn {
	left: 0;
}
.layui-switch-botton-btn.layui-right-btn {
	right: 0;
}
.content-slot__div .layui-switch-botton-form .layui-form-medium .layui-form {
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
}
.content-slot__div .layui-switch-botton-form .layui-form-medium .layui-form-radio, .content-slot__div .layui-switch-botton-form .layui-form-medium .layui-form-checkbox  {
    height: 28px !important;
    line-height: 28px !important;
	border-radius: 14px;
}
.content-slot__div .layui-switch-botton-form .layui-form-medium .layui-form .layui-form-checkbox[lay-skin=primary] span {
	line-height: 28px;
}
.content-slot__div .layui-switch-botton-form .layui-form-medium .layui-form-radio *, .content-slot__div .layui-switch-botton-form .layui-form-medium .layui-form-checkbox *,
.content-slot__div .layui-switch-botton-form .layui-form-small .layui-form-radio *, .content-slot__div .layui-switch-botton-form .layui-form-small .layui-form-checkbox * {
	font-size: 12px;
}
.layui-form-medium .layui-switch-botton-btn {
	height: 24px;
	width: 24px;
	line-height: 24px;
}
.content-slot__div .layui-switch-botton-form .layui-form-small .layui-form-checkbox {
	padding-left: 15px !important;
}
.content-slot__div .layui-switch-botton-form .layui-form-small .layui-form {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
}
.content-slot__div .layui-switch-botton-form .layui-form-small .layui-form-radio, .content-slot__div .layui-switch-botton-form .layui-form-small .layui-form-checkbox  {
    height: 24px !important;
    line-height: 24px !important;
	border-radius: 12px;
}
.content-slot__div .layui-switch-botton-form .layui-form-small .layui-form .layui-form-checkbox[lay-skin=primary] span {
	line-height: 24px !important;
}
.layui-form-small .layui-switch-botton-btn {
	height: 24px;
	width: 24px;
	line-height: 24px;
}
/* ================================================================== 过滤组件-切换按钮形式 end  ========================================================================= */
/* ================================================================== process-body start  ============================================================================== */
.layui-layer.layui-layer-adminRight {
	top: 60px !important;
	bottom: 15px;
}
#layui-process-body {
	height: 100%;
}
.process-body {
	position: relative;
}
.process-title {
	padding: 0 15px;
	height: 40px;
	background-color: #4785E6;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	box-sizing: border-box;
}
.process-content {
	position: relative;
	padding: 15px;
	height: 100%;
	background-color: #fff;
	box-sizing: border-box;
}
.process-body .process-left-box {
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	width: 535px;
	border: 1px solid #ddd;
}
.process-body .process-right-box {
	position: relative;
	margin-left: 550px;
	padding: 10px;
	height: 100%;
	background-color: #FAFBFC;
	box-sizing: border-box;
}
.process-right-box .process-title {
	padding: 0 10px;
	height: 30px;
	color: #333;
	line-height: 30px;
	background-color: transparent;
}
.process-body .approvalComments-box {
	position: absolute;
	top: 50px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	overflow-x: auto;
}
.process-body .approvalComments-box .layui-timeline-title {
	padding-right: 120px;
	margin-bottom: 5px;
	color: #333;
}
.process-body .approvalComments-box .layui-timeline-time {
	position: absolute;
	right: 5px;
	top: 0;
	color: #B2B2B2;
	font-size: 12px;
}
.process-body .approvalComments-box .layui-timeline-content p {
	padding: 5px 5px 18px 5px;
	font-size: 12px;
}
.process-body .approvalComments-box .layui-timeline-item:last-child:before {
    display: block;
}
.iconfont.layui-timeline-axis {
	font-size: 18px;
}
.iconfont.layui-timeline-axis.icon-weiwancheng1, .iconfont.layui-timeline-axis.icon-weiwancheng1:hover {
	color: #808080;
}
.iconfont.layui-timeline-axis.icon-tuihui, .iconfont.layui-timeline-axis.icon-tuihui:hover {
	color: #ff0000;
}
.iconfont.layui-timeline-axis:hover {
	color: #4785e6;
}

.portlet-timeline .layui-timeline-time {
	text-align: right;
	color: #494949;
}
.portlet-timeline .layui-timeline-content-txt {
	color: #666;
	white-space: normal;
	line-height: 1.2;
}
.portlet-timeline .layui-timeline-content {
	display: flex;
	flex-direction: row;
}
.portlet-timeline .layui-timeline-content .imgbox {
	width: 55px;
}
.portlet-timeline .layui-timeline-content .imgbox img {
	width: 40px;
	height: 40px;
}
.portlet-timeline .layui-timeline-content .contentbox {
	flex: 1;
}
/* ================================================================== process-body end  ================================================================================ */
@media screen and (max-width: 1365px) {
	.box-report .taskApply-tab, .box-report .report-tab {
		height: calc(100% - 33px);
	}
	.layui-nav-treebar-item {
		line-height: 28px;
	}
	.layui-nav-treebar .iconfont {
		font-size: 14px;
	}
	.visualManage-page .layui-side,
	.visualManage-page .layui-body {
		top: 60px;
	}
	
	.visualManage-page .layui-header {
		height: 60px;
	}
	.visualManage-page .layui-optionbar .layui-optionbar-ul {
		height: 40px;
		line-height: 40px;
	}	
	.visualManage-page .layui-optionbar .layui-optionbar-li {
		height: 40px;
	}
	.visualManage-page .layui-optionbar .optbor-icon, .visualManage-page .x-drag-mark .optbor-icon {
		height: 38px;
	}
	.visualManage-page .optbar-content > .optbar-txt {
		display: none;
	}
	.design-div {
		top: 35px;
	}
	.visual-bindarea-card, .visual-optionbar-right {
		top: 64px;
	}
}
/* 静态页面 */
.statichomePage{
	background: url(../images/staticbg.png) no-repeat;
	height: 100%;
}
/* ================================================================== ***************************  ===================================================================== */
/* ================================================================== interfaceConfig start  =========================================================================== */
.interface_wrapper_body .treeOnWrap .IndexDirectory::before {
	top: 0px;
	left: 3px;
}

.interface_wrapper_body .itemDetailWrap {
	width: auto;
	height: 24px;
	line-height: 24px;
}

.interface_wrapper_body .itemDetailList {
	white-space: nowrap;
	padding-left: 5px
}

.interface_wrapper_body .itemDetailList.itemactive {
	background: #4785E6;
	color: #fff;
}

.interface_wrapper_body .itemDetailList.itemSearch {
	background: rgba(0, 150, 136, 0.3)
}

.interface_wrapper_body .grid-demo .layui-unselect,
.interface_wrapper_body .grid-demo .layui-form-checkbox,
.interface_wrapper_body .grid-demo .layui-form-checked {
	width: 150px;
	margin: 5px 0;
}

.interface_wrapper_body .layui-form-switch {
	min-width: 50px;
	margin-top: 0;
}

#LAY-admin-interfaceConfig .layui-form-switch {
	margin-top: 6px;
}
.interface_wrapper_body .layui-card-body .layui-layer-content .layui-border-box {
	border-style: none;
	margin-right: 0px;
	margin-left: 10px;
	height: 400px;
}

.interface_wrapper_body .layui-card-body .layui-layer-content .layui-table-box {
	text-align: center;
	margin-left: 18px;
}

.interface_wrapper_body .layui-layer-content .layui-table-box .layui-table-header tr {
	margin-right: 2px;
}

.interface_wrapper_body .layui-border-box {
	border: 0;
}

.interface_wrapper_body .layui-card-body .layui-table-header {
	height: 56px;
	line-height: 56px;
	background: transparent;
}

.interface_wrapper_body .layui-card-body .layui-table-header .layui-table thead tr {
	height: 56px;
	line-height: 56px;
	background: transparent;
}

.interface_wrapper_body .layui-card-body .layui-table-header .layui-table thead tr span {
	color: #333;
}

body.interface_wrapper_body  .layui-body .layui-card-body .layui-table .layui-table-click {
	background: transparent;
}


body.interface_wrapper_body  .layui-body .layui-card-body .layui-table-hover {
	background: transparent;
}

.interface_wrapper_body .layui-table .layui-card-body tbody tr:hover {
	background: transparent;
}

.interface_wrapper_body .layui-table tbody td {
	padding: 6px 0 !important;
}

.interface_wrapper_body .layui-form-select .layui-input {
	height: 30px;
}

.interface_wrapper_body .layui-table-cell {
	overflow: initial;
}

.interface_wrapper_body .layui-table-cell,
.interface_wrapper_body .layui-table-tool-panel li {
	overflow: visible !important;
}

.interface_wrapper_body .layui-card-body .layui-form-select .layui-input {
	height: 30px;
	border: 0;
	background: rgba(0, 0, 0, 0);
}

.interface_wrapper_body .layui-table-cell .layui-input {
	height: 30px;
	border: 0;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	color: #666;
	font-size: 12px;
}

.interface_wrapper_body .layui-layer-btn {
	padding-top: 0 !important;
}

.interface_wrapper_body .users-list-sreach {
	margin: 10px 14px;
	padding: 2px 8px;
	width: 240px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: #FAFAFA;
	border: 1px solid #e4e4e4;
	overflow: hidden;
}

.interface_wrapper_body .nameactive {
	background: #eef1fc;
}

.interface_wrapper_body .layui-body .layui-card-body .layui-table-header thead th {
	padding: 0;
}

.interface_wrapper_body .layui-body .layui-card-body .layui-table-header thead .layui-table-cell {
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: #e6effc;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	display: inline-block;
	box-sizing: border-box;
}

.interface_wrapper_body .layui-body .layui-card-body .layui-table-body tbody .layui-table-cell {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	display: inline-block;
	box-sizing: border-box;
}

.interface_wrapper_body .ztree {
	padding: 0 10px !important;
}
.interface_wrapper_body .interface-list {
	position: absolute;
	top: 40px;
	right: 0;
	left: 0;
	bottom: 0;
}
.interface_wrapper_body #accountExtract {
	color: #fff;
	background: #4785e6;
}

.interface_wrapper_body .downTree {
	position: absolute;
	width: 230px;
	top: 157px;
	left: 140px;
	z-index: 1;
	border: 1px solid #eee;
	box-shadow: -3px 0px 18px 0px rgba(204, 204, 204, 0.35);
}

.interface_wrapper_body .downTree .downTree_search {
	position: absolute;
	z-index: 99999;
	left: 0px;
	border-radius: 15px;
	height: 30px;
	margin: 5px;
	width: 220px;
	background: #FAFAFA;
	padding-right: 25px;
}

.interface_wrapper_body .downTree .downTree_left {
	height: 280px;
}
.interface_wrapper_body .searchbox {
	height: 30px;
	background: #fff;
}

.interface_wrapper_body .downTree .downTree_Searchbtn {
	position: absolute;
	top: 8px;
	right: 15px;
	z-index: 999999;
	font-size: 12px;
	cursor: pointer;
}

.interface_wrapper_body .downTree .downTreeBox {
	border: 1px solid #eee;
	height: 250px;
	overflow: hidden;
	overflow-y: auto;
	z-index: 9999;
	background: #fff;
	position: absolute;
	top: 37px;
	left: 0px;
	width: 99%;
	border-top: 0;
}

.interface_wrapper_body .downTree .downTreeBox .layui-nav-treebox {
	top: 0;
	height: 250px;
}

.interface_wrapper_body .downTree .ztree {
	position: relative;
}


.interface_wrapper_body .layui-layer-msg {
	z-index: 99999999 !important;
}

.interface_wrapper_body .priority .account {
	width: 269px;
	display: inline-block;
}

.interface_wrapper_body .priority .account h5 {
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
}

.interface_wrapper_body .priority .account .accleft {
	width: 270px;
	height: 276px;
	padding: 0;
	border: none;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

.interface_wrapper_body .priority .account .accleft ul li {
	height: 30px;
	line-height: 30px;
	color: #333;
	font-size: 12px;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.interface_wrapper_body .priority .account .accleft ul li:hover {
	background-color: transparent;
}
.interface_wrapper_body .priority .account .accleft ul .actives {
	background-color: #4785E6;
	color: #fff;
}

.interface_wrapper_body .priority .sort {
	display: inline-block;
	width: 265px;
	margin-left: 0px;
	top: 137px;
	position: absolute;
}

.interface_wrapper_body .priority .sort h5 {
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
}

.interface_wrapper_body .priority .sort .sortright {
	height: 276px;
	width: 268px;
	padding: 11px;
	border: none;
	padding-right: 0;
	box-sizing: border-box;
}

.interface_wrapper_body .delemail {
	color: #F44444!important;
	cursor: pointer;
	display: none;
}
.interface_wrapper_body .Treedel2 tbody tr {
	display: block;
	box-sizing: border-box;
}

.interface_wrapper_body .node_name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.interface_wrapper_body .accountr  td:nth-child(1) {
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: sub;
}
.interface_wrapper_body .accountr  td:nth-child(2) {
	vertical-align: middle;
	display: inline-block;
}
.IndexDirectory, .Reporting {
	position: relative;
	text-align: left;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
	font-weight: bolder;
	padding-left: 40px;
	cursor: pointer;
}

.IndexDirectory::before, .Reporting::before {
	content: "☰";
	font-weight: bold;
	background-size: 100%;
	display: inline-block;
	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 20px;
}
.interface-item {
	position: relative;
	line-height: 54px !important;
}
.interface-item.active,
.interface-item:hover {
	background-color: #EEF1FC;
}
.interface-item .interface-img {
	height: 48px;
	background-repeat: no-repeat;
	background-position: 24px center;
}
.interface-item .interface-img.interface-1 {
	background-image: url(../images/interface/qywx.png);
}
.interface-item .interface-img.interface-2 {
	background-image: url(../images/interface/dd.png);
}
.interface-item .interface-img.interface-3 {
	background-image: url(../images/interface/ykb.png);
}
.interface-item .interface-img.interface-4 {
	background-image: url(../images/interface/fxxk.png);
}
.interface-item .interface-img.interface-5 {
	background-image: url(../images/interface/ncc.png);
}
.interface-item .interface-img.interface-6 {
	background-image: url(../images/interface/U8.png);
}
.interface-item .interface-img.interface-7 {
	background-image: url(../images/interface/u8c.png);
}
.interface-item .interface-img.interface-8 {
	background-image: url(../images/interface/u9c.png);
}
.interface-item .interface-img.interface-9 {
	background-image: url(../images/interface/nc.png);
}
.interface-item .interface-img.interface-10 {
	background-image: url(../images/interface/ncc.png);
}
.interface-item .interface-img.interface-11 {
	background-image: url(../images/interface/t+.png);
}
.interface-item .interface-img.interface-12 {
	background-image: url(../images/interface/jdk3.png);
}
.interface-item .interface-img.interface-13 {
	background-image: url(../images/interface/kis.png);
}
.interface-item .interface-img.interface-14 {
	background-image: url(../images/interface/zy.png);
}
.interface-item .interface-img.interface-15 {
	background-image: url(../images/interface/fw.png);
}
.interface-item .interface-img.interface-16 {
	background-image: url(../images/interface/xsy.png);
}
.interface-item .interface-img.interface-17 {
	background-image: url(../images/interface/hljy.png);
}
.interface-item .interface-icon {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 25px;
	font-size: 14px;
	color: #999;
	text-align: center;
	cursor: pointer;
}
.interface-item.isStart .interface-icon {
	color: #4785e6;
}
.interface-item.active .interface-icon,
.interface-item.isStart .interface-icon,
.interface-item:hover .interface-icon {
	display: block;
}
.chutext .layui-form-item-sm .layui-input-block{
	margin-bottom: 10px;
	margin-left: 0;
}
.number-box {
	border:#e5e5e5 solid 1px;
	display:inline-block;
	overflow:hidden;
}
.number-box input[type='text'] {
	height:28px;
	border-top:none;
	border-bottom:none;
	border-left:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
	margin:0;
	text-align:center;
	width:84px;
	outline:none;
	padding:0 5px;
	float:left;
	line-height:30px;
}
.number-box input[type='button'] {
	height:28px;
	width:28px;
	float:left;
	border:none;
	outline:none;
	background-color:#f3f3f3;
	line-height:30px;
	cursor:pointer;
	padding:0;
}
.number-box input[type='button']:hover {
	background-color:#f9f9f9;
}
.number-box input[type='button']:active {
	background-color:#f6f6f6;
}
#storage-t .layui-table-view{
	margin: 0;
	border: 0;

}
#storage-t .layui-form-item .layui-form-checkbox[lay-skin=primary]{
	margin-top: 0;
}
/* ================================================================== interfaceConfig end  ============================================================================= */
/* ================================================================== jobBatchLog start  =============================================================================== */
.jobBatchLog-page .box-main .layui-card .layui-card-header {
	height: 70px;
	line-height: 70px;
}
.jobBatchLog-page .layui-card .layui-card-header .layui-form {
	letter-spacing: -4px;
}
.jobBatchLog-page .layui-card .layui-card-header .layui-form-item-sm {
	margin-bottom: 0;
	letter-spacing: 0;
}
.jobBatchLog-page .layui-card .layui-card-header .layui-form-item-sm .layui-btn {
	height: 30px;
	line-height: 30px;
}
.jobBatchLog-page .box-main .layui-card .layui-card-header .layui-form-item-sm .layui-form-label {
	width: 40px;
}
.jobBatchLog-page .layui-table-view {
	margin: 0;
}
.jobBatchLog-page .box-item {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	height: auto;
	z-index: 2;
}
/* ================================================================== jobBatchLog end  ================================================================================= */
/* ================================================================== calculatePlanManage start  ======================================================================= */
.calculatePlanManage-page .layui-nav-treebox {
	top: 40px;
}
.calculatePlanManage-page .IndexDirectory.active {
	background-color: #eef1fc;
}
#LAY-manage-updateCalculatePlan .layui-tab {
	margin: 0;
}
#LAY-manage-updateCalculatePlan .layui-tab-content {
	padding: 20px;
}
#LAY-manage-updateCalculatePlan .layui-tab-content .layui-tab-item .layui-form-item .layui-form-label {
	width: 100px;
}
.planTimebox .layui-input-inline-block {
	position: relative;
	min-height: 30px;
}
.planTimebox .layui-time-input {
	margin-left:15px;
	padding-right: 30px;
	width: 200px;
}
.planTimebox .number-box {
	margin-left: 5px;
}
#LAY-manage-updateCalculatePlan .layui-form-switch {
	margin-top: 4px;
	margin-left: 10px;
}
#LAY-manage-updateCalculatePlan .layui-form-radio {
	margin: 0 10px;
}
/* ================================================================== calculatePlanManage end  ========================================================================= */
/* ================================================================== dataRuleManage-page start  ======================================================================= */
.dataRuleManage-page .layui-table-view, .dataRuleManage-page .layui-table-header {
	border: none;
}
.dataRuleManage-page .layui-table-header th {
	padding: 0;
}
.dataRuleManage-page .layui-table-header th .layui-table-cell {
	height: 56px;
    line-height: 60px;
	background: #e6effc;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.dataRuleManage-page .ew-tree-table-head th .ew-tree-table-cell, .dataRuleManage-page .ew-tree-table-head th .ew-tree-table-cell .ew-tree-table-cell-content {
	height: 58px;
    line-height: 50px;
	font-size: 14px;
}
.dataRuleManage-page .ew-tree-table-head th .ew-tree-table-cell {
	background: #e6effc;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.dataRuleManage-page .layui-table-body .layui-table-cell {
	height: 32px;
	line-height: 34px;;
}
.dataRuleManage-page .ew-tree-table-box .ew-tree-table-cell {
	height: 39px;
	line-height: 38px;
}
.dataRuleManage-page .layui-table-body .layui-input, .dataRuleManage-page .ew-tree-table .layui-input {
	height: 32px;
	font-size: 12px;
	color: #666;
	text-align: center;
	border: none;
	background-color: transparent;
}
.dataRuleManage-page .ew-tree-table-cell > .ew-tree-table-cell-content {
	line-height: 32px;
	font-size: 12px;
}

.dataRuleManage-page .ew-tree-table,
.dataRuleManage-page .ew-tree-table > table,
.dataRuleManage-page .ew-tree-table-head > table,
.dataRuleManage-page .ew-tree-table-box > table {
	border: none;
}
.dataRuleManage-page .ew-tree-table:before,
.dataRuleManage-page .ew-tree-table:after {
	background-color: transparent;
}
.dataRuleManage-page .layui-body .layui-table .layui-table-click, .dataRuleManage-page .layui-body .layui-table .layui-table-hover, .dataRuleManage-page .layui-body .layui-table tbody tr:hover {
	background: transparent !important;
}
.keyword-box, .layui-ruleType-box.layui-ruleType-showkeyword .deptcode-box {
	display: none;
}
.layui-ruleType-box.layui-ruleType-showkeyword .keyword-box, .deptcode-box {
	display: block;
}
.dataRuleManage-page .keyword-box > .layui-form-select, .dataRuleManage-page .keyword-box .keywordinput {
	display: inline-block;
	height: 30px;
    vertical-align: top;
	border-radius: 2px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
}
.dataRuleManage-page .titleName-input {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dataRuleManage-page .keyword-box .keywordName-input {
	width: 120px;
	height: 28px;
	background-color: rgba(250,250,250,1);
}
.dataRuleManage-page .keyword-box .keywordinput {
	margin-left: -2px;
	height: 30px;
	width: 300px;
	text-align: left;
}
.priority {
	padding: 15px;
}
.priority .account, .priority .sort {
	display: inline-block;
	vertical-align: middle;
}
.priority h5 {
	margin-bottom: 8px;
	font-size: 14px;
    color: #333;
}
.priority .account {
	width: 175px;
}
.priority .sort {
	margin-left: 10px;
	width: 355px;
}
.priority .account .accleft {
	width: 175px;
    height: 360px;
    border: 1px solid #ccc;
    padding: 11px;
    overflow: auto;
    box-sizing: border-box;
}
.priority .account .accleft ul li {
	height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.priority .account .accleft ul li:hover,
.priority .account .accleft ul li.actives {
	background-color: #4785e6;
    color: #fff;
}
.priority .sort .sortright {
	height: 360px;
    width: 355px;
    border: 1px solid #ccc;
    padding: 11px;
    box-sizing: border-box;
}
.sortright .layui-table {
	margin: 0;
}
.sortright .layui-table thead tr {
	background-color: rgba(0, 0, 0, 0);
}
.sortright .layui-table thead tr th {
	word-break: break-all;
    text-align: center;
}
.sortright .layui-table tbody tr:hover,
.sortright .layui-table tbody tr.layui-table-click {
	background: #EBF7F6;
}
.sortright .layui-table tbody td {
	text-align: center;
}
.sortright .grid-demo {
	text-align: right;
}
.sortright .grid-demo .layui-icon {
	cursor: pointer;
}
.grid-demo .layui-icon:hover {
	color: #4785e6;
}
/* ================================================================== dataRuleManage-page end  ========================================================================= */
/* ================================================================== multidimensionalDesign-page start  =============================================================== */
.multidimensionalDesign-page.designerManage-page.show-layui-navbar .layui-side {
	width: 400px;
    display: table;
    height: 100%;
}
.multidimensionalDesign-page.designerManage-page .layui-side > div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.multidimensionalDesign-page.designerManage-page .layui-side > .visual-bindarea-card {
	position: relative;
	left: 0;
	top: 0;
	border-left: 1px solid #ddd;
	box-shadow: none;
}
.multidimensionalDesign-page.designerManage-page .layui-nav-treebody {
	height: 59px;
    border-bottom: 1px solid #ddd;
}
.multidimensionalDesign-page .layui-nav-treebody .layui-model-treebox {
	padding: 15px;
}
.multidimensionalDesign-page .layui-nav-treebody-dimension {
	height: calc(100% - 60px);
	background: #fff;
}
.multidimensionalDesign-page.designerManage-page .layui-head {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 40px;
	z-index: 999;
	background-color: #fff;
}
.multidimensionalDesign-page.designerManage-page .layui-layout {
	height: 100%;
}
.multidimensionalDesign-page.designerManage-page .layui-body {
	top: 37px;
}
.multidimensionalDesign-page.designerManage-page.show-layui-navbar .layui-body {
	left: 400px;
}
.multidimensionalDesign-page.designerManage-page .layui-card-body {
	top: 84px;
	box-sizing: border-box;
}
.multidimensionalDesign-page .hst-toolbar {
    padding: 0;
    height: auto;
	background-color: transparent;
}
.multidimensionalDesign-page .hst-toolbar .hst-btn-box-child {
	top: 27px;
}
.multidimensionalDesign-page .layui-btn-iconfont {
	position: relative;
	border: 1px solid transparent;
	background-color: #fff;
    color: #666;
}
.multidimensionalDesign-page .hst-toolbar .hst-btn-box-child .child-box {
	padding: 5px;
	width: 300px;
	white-space: normal;
}
.multidimensionalDesign-page .layui-btn-iconfont i {
	margin-right: 7px;
	vertical-align: middle;
}
.multidimensionalDesign-page .layui-btn-iconfont:hover {
	border-color: #4785e6;
}
.multidimensionalDesign-page .layui-btn-iconfont:hover .hst-btn-box-child {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}
.multidimensionalDesign-page .layui-btn-iconfont .hst-btn-box-child .hst-btn-wrap i {
	margin-right: 0;
}
.multidimensionalDesign-page .bindarea-dargitem-box li.dragitem-empty {
	height: 80px;
	line-height: 80px;
}
.designer-body .multidimensionalDesign-page .layui-side-treebox {
	position: absolute;
}
.multidimensionalDesign-page .bindarea-dargitem-box li span {
	width: 130px;
}
.multidimensionalDesign-page .bindarea-dargitem-box >.bindarea-dargitem:before {
	color: #FFA500;
}
.designer-body .multidimensionalDesign-optionbar {
	margin-bottom: 0;
	height: auto;
}
.multidimensionalDesign-optionbar .cellmeta-box {
	border-bottom: none;
}
.multidimensionalDesign-optionbar.visual-body-optionbar .page-pure-item,
.multidimensionalDesign-optionbar.visual-body-optionbar .page-image-item,
.multidimensionalDesign-optionbar.visual-body-optionbar .page-theme-item,
.multidimensionalDesign-optionbar.visual-body-optionbar .portlet-image-item {
	width: 40px;
}
.multidimensionalDesign-page .visual-body-optionbar .rightbtn-box .switchRowCol-btn {
	position: absolute;
	right: 35px;
}
.multidimensionalDesign-page .visual-body-optionbar .rightbtn-box > div {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}
.multidimensionalDesign-page .visual-body-optionbar .rightbtn-box  i {
	margin-right: 0;
}
.multidimensionalDesign-page .layui-side .layui-nav-treebox-area,
.visualManage-page .layui-side .layui-nav-treebox-area,
.designer-body .layui-card .bindarea-body .layui-nav-treebox-area {
	height: 50%;
}
.multidimensionalDesign-page .layui-side.layui-model-treebox-emptyData .layui-nav-treebox-area,
.visualManage-page .layui-side.layui-model-treebox-emptyData .layui-nav-treebox-area,
.designer-body .layui-card .bindarea-body.layui-model-treebox-emptyData .layui-nav-treebox-area {
	height: 230px;
}
.multidimensionalDesign-page .layui-side .layui-empty-shade,
.visualManage-page .layui-side .layui-empty-shade,
.designer-body .layui-card .bindarea-body .layui-empty-shade {
	display: none;
	position: absolute;
	top: 31px;
	right: 10px;
	bottom: 0;
	left: 10px;
	background-color: #EBF7F6;
	line-height: 200px;
	text-align: center;
}
.multidimensionalDesign-page .layui-side .layui-nav-treebox-measure .layui-empty-shade,
.visualManage-page .layui-side .layui-nav-treebox-measure .layui-empty-shade,
.designer-body .layui-card .bindarea-body .layui-nav-treebox-measure .layui-empty-shade {
	background-color: #EBEFF7;
}
.multidimensionalDesign-page .layui-side.layui-model-treebox-emptyData .layui-empty-shade,
.visualManage-page .layui-side.layui-model-treebox-emptyData .layui-empty-shade,
.designer-body .layui-card .bindarea-body.layui-model-treebox-emptyData .layui-empty-shade {
	display: block;
}
.btn-reportview-executionTime .executionTime-icon {
	height: 25px;
    width: 25px;
    padding-right: 10px;
    vertical-align: middle;
	background: url(../images/sjsj.png) no-repeat center;
}
.top-report-btn span {
	height: 25px;
	width: 25px;
	padding-right: 10px;
	vertical-align: middle;
}
.top-report-btn .top-icon {
	background: url(../images/zd.png) no-repeat center 3px;
}
.top-report-btn .topped-icon {
	background: url(../images/yzd.png) no-repeat center 3px;
}
/* ================================================================== multidimensionalDesign-page end  ================================================================= */
/* ================================================================== baseItemManage-page start  ======================================================================= */
.dimenstrees .lay-ztree li > a,
.testdimenstrees .lay-ztree li > a {
	width: auto !important;
	min-width: 100%;
}
.picihao .layui-table-view {
	margin: 0;
	border: 0;
}
.multidimensionalDesign-page.show-layui-navbar .page-layout::after {
	display: block;
}
.multidimensionalDesign-page .page-layout::after {
	display: none;
}
.folderdiv{
	display: inline-block;
	margin-bottom: 40px;
	width: 16.5%;
	min-width: 200px;
	text-align: center;
	position:relative;
}
 
.folderdiv .nav-item{
	display: inline-block;
	padding: 15px 0;
	width: 200px;
	height: 140px;
	background: #fff;
	box-shadow: 0px 2px 8px 0px rgba(204, 204, 204, 0.35);
	border-radius: 2px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	letter-spacing: 0;
	cursor: pointer;
	border: none;
}
.folderdiv .nav-item span{
	margin-top: 30px;
	color: #FF9C2E;
	font-size: 36px;
}
.folderdiv .nav-item .nav-txt{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 29px;
	display: inline-block;
	width: 71%;
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
}
.folderdiv1{
	display: inline-block;
	margin-bottom: 40px;
	width: 16.5%;
	min-width: 200px;
	text-align: center;
}
.folderdiv1 .nav-item1{
	display: inline-block;
	padding: 15px 0;
	width: 200px;
	height: 140px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	letter-spacing: 0;
	cursor: pointer;
	box-shadow: 0px 2px 8px 0px rgb(204 204 204 / 35%);
	border: 1px dashed #4785e6;
	border-radius: 2px;
}
.folderdiv .indexset {
	display: none;
}
.folderdiv:hover .indexset {
	display: block;
}
/* ================================================================== baseItemManage-page end  ========================================================================= */
/* ================================================================== applyModelManage-page start  ===================================================================== */
.applyModelManage-page .layui-body {
	box-sizing: border-box;
}
.applyModelManage-page .layui-card {
	height: 100%;
}
.applyModelManage-page .layui-card-body {
	height: calc(100% - 50px);
	box-sizing: border-box;
}
.applyModelManage-page .reportformsubmit-tab .layui-layout {
	position: absolute;
	color: #061536;
}
.applyModelManage-page .reportformsubmit-tab .layui-layout .layui-side {
	top: 0;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: none;
}
.applyModelManage-page .reportformsubmit-tab .container {
	max-width: 1400px;
	margin: 0 auto;
}
.modelMenuTitle {
	padding-bottom: 20px;
	position: relative;
}
.modelMenuTitle .layui-input {
	padding-right: 35px;
}
.modelMenuTitle-search {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #0078be;
	cursor: pointer;
}
.modelMenuList {
	height: calc(100% - 58px);
	overflow: hidden;
	overflow-y: auto;
}
.modelMenu-item {
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
}
.modelMenu-item.active {
	color: #fff;
	background-color: #3E78D2;
}
.applyModelManage-page .reportformsubmit-tab .layui-layout .layui-body {
	top: 0;
	padding: 20px 20px 20px 60px;
}
.modelContentTitle-txt {
	height: 35px;
	line-height: 35px;
	font-size: 18px;
}
.modelContentBody {
	padding: 15px 15px 0 15px;
	height: calc(100% - 35px);
	box-sizing: border-box;
}
.modelContent-item {
	display: table;
	cursor: pointer;
}
.modelContent-item:hover {
	color: #3E78D2;
}
.modelContent-item .item-left, 
.modelContent-item .item-right {
	display: table-cell;
	padding: 10px;
	vertical-align: top;
}
.modelContent-item .item-left {
	width: 70px;
	height: 70px;
}
.modelContent-item .item-left .item-img {
	width: 70px;
	height: 70px;
	border-radius: 12px;
	overflow: hidden;
}
.modelContent-item .item-right {
	padding-right: 40px;
}
.modelContent-item .item-right .item-title {
	padding-bottom: 16px;
	font-size: 16px;
}
.modelContent-item .item-right .item-dec {
	color: #999;
	display: -webkit-box; /* 必须设置此项才能生效 */
	-webkit-line-clamp: 2; /* 限制最大行数 */
	-webkit-box-orient: vertical; /* 垂直布局 */
	overflow: hidden; /* 超出部分隐藏 */
	text-overflow: ellipsis; /* 显示省略号 */
}
.modelInfo-head {
	position: relative;
	line-height: 90px;
}
.modelInfo-icon {
	position: absolute;
}
.modelInfo-head .btn-back {
	position: absolute;
	right: 15px;
	top: 30px;
}
.modelInfo-icon .iconfont {
	font-size: 20px;
	color: #3E78D2;
}
.modelInfo-title {
	padding-left: 40px;
	font-size: 18px;
}
.modelInfo-content {
	height: calc(100% - 90px);
	overflow: hidden;
	overflow-y: auto;
}
.list-tab.showPage .modelInfo-content {
	height: calc(100% - 145px);
}
.list-tab .pageContainer {
	display: none;
	text-align: center;
}
.list-tab.showPage .pageContainer {
	display: block;
}
.modelInfo-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.modelInfo-item {
	width: calc(100% / 5 - 20px);
    height: 238px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    box-shadow: 0px 4px 30px 0px rgba(222, 223, 230, 0.3);
    border-radius: 2px;
    border: 1px solid #EDEEEE;
    position: relative;
    margin-right: 20px;
    overflow: hidden;
	box-sizing: border-box;
}
.modelInfo-item .item-container {
	height: 100%;
}
.modelInfo-item:nth-child(n+6) {
	margin-top: 20px;
}
.modelInfo-item .item-head {
	height: 69px;
    background: linear-gradient(270deg, rgba(0, 108, 255, 0.05) 0%, rgba(0, 108, 255, 0.02) 100%);
    border-radius: 2px;
    display: flex;
    align-items: center;
}
.modelInfo-item:hover {
	box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transform: translateY(-8px);
	transition: all 0.3s linear;
}
.modelInfo-item:hover .item-head {
	background: linear-gradient(270deg, rgba(0, 108, 255, 0.3) 0%, rgba(0, 108, 255, 0.2) 100%);
	border-radius: 2px;
}
.modelInfo-item .item-icon {
	width: 48px;
    height: 48px;
	margin-left: 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modelInfo-item .item-icon img {
	width: 48px;
	height: 48px;
}
.modelInfo-item .item-content {
	padding: 18px;
    height: calc(100% - 153px);
    min-height: calc(100% - 153px);
    overflow: hidden;
}
.modelInfo-item .item-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
}
.modelInfo-item .item-dec {
	display: inline-block;
	max-height: calc(100% - 40px);
	line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modelInfo-item .item-price {
	padding: 16px;
	color: #FF9715;
	height: 48px;
	box-sizing: border-box;
}
.details-content {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.details-content-img, .details-content-img img {
	width: 78px;
	height: 78px;
}
.details-content-dec {
	padding-left: 44px;
	width: calc(100% - 78px);
}
.dec-head {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 60px;
	line-height: 60px;
}
.dec-head .btn-back {
	position: absolute;
	right: 15px;
	top: 16px;
}
.dec-head-dot {
	width: 39px;
    height: 24px;
    display: inline-block;
    text-align: center;
    background: rgba(45, 205, 176, 0.1);
    border-radius: 12px;
    margin-top: 17px;
    font-weight: 500;
    color: #2DCDB0;
    font-size: 12px;
    line-height: 24px;
}
.dec-title {
	width: calc(100% - 66px);
    font-size: 16px;
    color: #333;
    font-weight: bolder;
}
.dec-content-warp {
	height: calc(100% - 60px);
	font-size: 14px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
}
.dec-types, .dec-btns {
	margin-top: 24px;
}
.dec-types > p {
	margin-top: 24px;
}
.dec-btns .layui-btn {
	padding: 0 20px;
}
.dec-content {
	margin-top: 50px;
}
.dec-content-title {
	color: #3E78D2;
    font-size: 20px;
}
.dec-content-container {
	min-height: 100px;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ccc;
	overflow: hidden;
}
.dec-content-container h3 ,.dec-content-container h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.dec-content-container p {
	margin-bottom: 10px;
}
/* ================================================================== applyModelManage-page end  ======================================================================= */
/* ================================================================== generateModel-page start  ======================================================================== */
.generateModel-page .layui-tab-title {
	border: none;
}
.generateModel-page .layui-tab-title li {
	padding: 0 30px;
}
.generateModel-page .layui-tab, .generateModel-page .layui-tab .layui-tab-item {
	height: 100%;
}
.generateModel-page .layui-tab-content {
	height: calc(100% - 40px);
    box-sizing: border-box;
}
.generateModel-page .resource-box {
	height: calc(100% - 448px);
}
.generateModel-page .resource-box .layui-card-body {
	height: calc(100% - 43px);
	box-sizing: border-box;
}
.generateModel-page .layui-tab-item .layui-card {
	height: 100%;
	box-shadow: none;
}
.generateModel-page .layui-tab-item .layui-form .layui-card-body {
	padding: 20px 15px;
}
.generateModel-page .layui-tab-item .layui-card .layui-textarea {
	resize: none;
}
.generateModel-page .layui-tab-item .layui-form .layui-form-label {
	width: 150px;
}
.generateModel-page .layui-tab-item .layui-form .layui-input-block {
	margin-left: 150px;
}
.generateModel-page .productBtns {
	padding-bottom: 4px;
	text-align: right;
}
.generateModel-page .productBtns > div {
	display: inline-block;
	height: 28px;
	width: 28px;
	line-height: 30px;
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.generateModel-page .productBtns > div:hover {
	background-color: #F6F7FA;
}
.generateModel-page .productBtns > div > i {
	margin-right: 0;
}
.generateModel-page .layui-tab-item .product-card {
	height: calc(100% - 445px) ;
}
.generateModel-page .layui-tab-item .layui-card-header {
	padding:0 5px;
}
.generateModel-page .product-card-body {
	height: calc(100% - 55px);
	padding: 6px 0 0 0;
}
.generateModel-page .productTable-box {
	height: calc(100% - 30px);
}
.generateModel-page .productTable-box .layui-table-view {
	margin: 0;
}
.generateModel-page .dataSourceTable-body {
	height: calc(100% - 50px);
}
.generateModel-page .layui-table-view .layui-form-select .layui-input {
	height: 28px;
	border: none;
	background-color: transparent;
	line-height: 28px;
}
.generateModel-page .layui-card-body-treebox {
	padding: 0;
	height: calc(100% - 43px);
    box-sizing: border-box;
    border-left: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
	
}
.generateModel-page .layui-card-body-treebox .search-fillet-box {
	margin-top: 0;
}
.generateModel-page .layui-card-body-treebox .dialog-tree-box {
	padding: 10px;
	width: 100%;
	height: 100%;
	border-right: 1px solid #f6f6f6;
	box-sizing: border-box;
}
.generateModel-page .layui-card-body-treebox.modelFormBox {
	height: 100%;
	border-top: 1px solid #f6f6f6;
}
.generateModel-page .modelFormCard .layui-card-header {
	border: 1px solid #f6f6f6;
}
.ztree-header {
	position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    background: #fff;
    padding-left: 40px;
    font-weight: bold;
}
.ztree-header::before {
	content: "☰";
    font-weight: bold;
    background-size: 100%;
    display: inline-block;
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 20px;
}

.ztree-checkall {
	position: relative;
	padding: 0 26px;
}
.ztree-checkall .layui-form-checkbox > span {
	padding-left: 16px;
	color: #333;
	font-size: 12px;
}
.ztree-checkall .layui-form-checkbox[lay-skin=primary] i {
	height: 14px;
	width: 14px;
	line-height: 14px;
}
.ztree-checkall .icon-iconfontfile2, .ztree-checkall .icon-dic-list {
	position: absolute;
	left: 50px;
	color: orange;
}
.dialog-tree-box .ztree-box.child-ztree-box {
	top: 69px;
}
/* ================================================================== generateModel-page end  ========================================================================== */
/* ================================================================== itemManage-page start  =========================================================================== */
.itemManage-page .layui-nav-treebox {
	top: 39px;
}
.itemManage-table .layui-textarea {
	width: 520px;
    min-height: 56px;
    max-height: 56px;
    resize: none;
}
.itemManage-table .btn-box {
	padding: 5px;
	margin: 0 5px;
	border-top: 1px solid #ddd;
}
.itemManage-table .btn-box .layui-btn {
	width: 22px;
	height: 22px;
	border: none;
	line-height: 22px;
}
.itemManage-table .btn-box .layui-btn+.layui-btn {
	margin-left: 5px;
}
.itemManage-table .btn-box .layui-btn .layui-icon {
	margin: 0;
}
.itemManage-table .layui-table-header {
	border: none;
}
.itemManage-table .layui-table-header, .itemManage-table .layui-table-header thead tr {
	background-color: #fff;
}
.itemManage-table .layui-table-view .layui-table .layui-table-cell {
	padding: 0 5px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.itemManage-table .layui-table-view .layui-table .layui-table-cell .layui-input {
	text-align: center;
}
.itemManage-table .layui-table-view .layui-table .layui-table-cell .layui-input[type=number] {
	line-height: 30px;
}
.itemManage-table .layui-table-view .layui-table .layui-table-cell .layui-table-cell-text {
	background-color: #F7F7F7;
}
.itemManage-table .layui-table-view .layui-table .layui-table-cell .layui-input-inline {
	width: 100%;
}
.itemManage-table .layui-table tr:hover, .itemManage-table.layui-table[lay-even] tr:nth-child(even) {
	background-color: transparent;
}
/* ================================================================== itemManage-page end  ============================================================================= */
/* ================================================================== apiManage-page start  =========================================================================== */
.itemManage-page .IndexDirectory {
	cursor: pointer;
}
.itemManage-page .IndexDirectory.active {
	background-color: #f2f2f2;
}
#updateApiPostDialog .layui-form-item > .title {
	position: relative;
	color: #333;
	font-size: 14px;
}
#updateApiPostDialog .layui-form-item > .title .title-icon {
	position: absolute;
	top: 50%;
	left: 65px;
	right: 0;
	height: 1px;
	margin-top: -1px;
	border-top: 1px solid #ddd;
}
#updateApiPostDialog .layui-tab {
	margin: 0;
}
#updateApiPostDialog .apiInfoTab > .layui-tab-content {
	padding: 15px 30px;
}
#updateApiPostDialog .apiInfoTab > .layui-tab-title {
	height: 35px;
}
#updateApiPostDialog .apiInfoTab > .layui-tab-title .layui-this:after {
	height: 36px;
}
#updateApiPostDialog .apiInfoTab > .layui-tab-title > li {
	line-height: 35px;
}
#updateApiPostDialog .requestTabs > .layui-tab-title {
	height: 24px;
	border-bottom: none;
}
#updateApiPostDialog .requestTabs > .layui-tab-content {
	padding-bottom: 0;
	height: 260px;
}
#updateApiPostDialog .requestTabs > .layui-tab-item {
	height: 100%;
}
#updateApiPostDialog .requestTabs > .layui-tab-title > li {
    margin-right: 10px;
	line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
}
#updateApiPostDialog .requestTabs.layui-tab-brief>.layui-tab-title .layui-this {
	background-color: #E6F0FF;
    border-color: #E6F0FF;
}
#updateApiPostDialog .requestTabs.layui-tab-brief>.layui-tab-more li.layui-this:after, #updateApiPostDialog .requestTabs.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-color: transparent;
}
.requestTabs .layui-tab-item {
	position: relative;
}
#updateApiPostDialog .btns-box {
	position: absolute;
	right: 0;
	top: -38px;
	text-align: right;
}
.layui-icon-btn {
	display: inline-block;
    width: 25px;
    height: 25px;
	margin-left: 5px;
	border: 1px solid transparent;
    border-radius: 2px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
}
.layui-icon-btn:hover {
	background-color: #eee;
	border-color: #d9d9d9;
}
.layui-icon-btn > .iconfont {
	margin-right: 0;
}
#updateApiPostDialog .table-box {
	padding: 0;
}
.cell-line-table {
	position: relative;
}
.cell-line-table .layui-table-view {
	border-color: transparent;
}
.cell-line-table .layui-table-view .layui-table td[data-edit] .layui-table-cell {
	position: relative;
}
.cell-line-table .layui-table-view .layui-table td[data-edit] .layui-table-cell::after {
	content: " ";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	height: 1px;
	background-color: #eee;
}
.cell-line-table .layui-table-tool {
	background-color: transparent;
    position: absolute;
    top: -35px;
	right: 0;
    padding: 0;
	width: auto;
	border-bottom: none;
    text-align: right;
}
.cell-line-table .layui-table-tool .layui-table-tool-temp {
	padding-right: 0;
}
.cell-line-table .layui-table-tool .layui-table-tool-self {
	display: none;
}
.checkApi-btn {
	color: #4785e6;
	cursor: pointer;
}
/* ================================================================== apiManage-page end  ============================================================================= */
/* ================================================================== announcementManage-page start  =================================================================== */
.uploadPhotoBtn, .reUploadPhotoBtn {
	color: #666;
    border: 1px solid #eee;
    background: #fff;
}
.uploadPhotoBtn .iconfont, .reUploadPhotoBtn .iconfont {
	margin-right: 10px;
}
.uploadPhotoBtn:hover {
	color: #666;
    background: #f2f2f2;
}
.reUploadPhotoBtn {
    position: relative;
	height: 36px;
    line-height: 36px;
    width: 220px;
    padding-right: 0px;
    padding-left: 35px;
}
.reUploadPhotoBtn:hover {
	color: #666;
    background: #999;
}
.reUploadPhotoBtn .icon-gf-fileEmpty {
    position: absolute;
    left: 10px;
    top: 5px;
	height: 25px;
    width: 25px;
    line-height: 24px;
    background: #708297;
    color: #fff;
    border-radius: 2px;
}
.reUploadPhotoBtn .fileName {
	width: 160px;
	text-align: left;
}
.reUploadPhotoBtn .clearPhotoBtn {
	position: absolute;
	top: 0;
	right: 5px;
	margin: 0;
	width: 20px;
	color: #ccc;
	font-size: 18px;
}
.reUploadPhotoBtn .clearPhotoBtn:hover {
	color: #434343;
}
/* ================================================================== announcementManage-page end  ===================================================================== */
/* ================================================================== SystemMonitor-page start  ==================================================================== */
.ant-progress{
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	color: 'rgba(0, 0, 0, 0.85)';
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5715;
	list-style: none;
	font-feature-settings: 'tnum';
	box-sizing: border-box;
}

.ant-progress-inner {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	background-color: var(--background-color-base);
	border-radius: 100px;
}
.ant-progress .ant-progress-circle {
	width: 120px;
	height: 120px;
	font-size: 24px;
	position: relative;
	line-height: 1;
	background-color: transparent;
}
.ant-progress-circle-trail {
	stroke: #f5f5f5
}
.ant-progress-circle-path {
	animation: ant-progress-appear 0.3s;
}
.ant-progress-circle .ant-progress-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: 'rgba(0, 0, 0, 0.85)';
	font-size: 1em;
	line-height: 1;
	white-space: normal;
	text-align: center;
	transform: translate(-50%, -50%);
}
.ant-descriptions-bordered .ant-descriptions-view {
	border: 1px solid #f0f0f0;
}
.ant-descriptions-view table {
	width: 100%;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
	table-layout: auto;
	border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-row {
	border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
	border-bottom: none;
}
.ant-descriptions-item-label {
	color: rgba(0, 0, 0, 0.85);
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5715;
	text-align: start;
}
.ant-descriptions-row > th, .ant-descriptions-row > td {
	padding-bottom: 16px;
}
.ant-descriptions-item-content {
	display: table-cell;
	flex: 1;
	color: rgba(0, 0, 0, 0.85);
	font-size: 14px;
	line-height: 1.5715;
	word-break: break-word;
	overflow-wrap: break-word;
}
.ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content {
	padding: 16px 24px;
	border-right: 1px solid #f0f0f0;
}
.ant-descriptions-middle .ant-descriptions-row > th, .ant-descriptions-middle .ant-descriptions-row > td {
	padding-bottom: 12px;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
	padding: 12px 24px;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
	background-color: #fafafa;
}
.layui-card-align-center {
	text-align: center;
}
.layui-card-body {
	padding: 15px;
}
.ant-tooltip {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5715;
	list-style: none;
	font-feature-settings: 'tnum';
	z-index: 1070;
	width: -moz-max-content;
	width: max-content;
	max-width: 250px;
	visibility: visible;
}
.ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight {
	padding-bottom: 8px;
}
.ant-tooltip-arrow {
	position: absolute;
	display: block;
	width: 13.07106781px;
	height: 13.07106781px;
	overflow: hidden;
	background: transparent;
	pointer-events: none;
}
.ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow {
	bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
	left: 50%;
	transform: translateX(-50%);
}
.ant-tooltip-arrow-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.75);
	content: '';
	pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
	transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-inner{
	min-width: 30px;
	min-height: 32px;
	padding: 6px 8px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	word-wrap: break-word;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-progress:hover .ant-tooltip{
	display: block;
}
.updateLinkeRate-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 38px;
}
/* ================================================================== SystemMonitor-page end  ====================================================================== */
/* ================================================================== synchronousConfig-page start  ==================================================================== */

/* ================================================================== synchronousConfig-page end  ====================================================================== */
/* ================================================================== ***************************  ===================================================================== */